随笔分类 -  css

摘要:CSS常见布局 左列定宽,右列自适应 浮动 <div class="left">left</div> <div class="right">right</div> <style type="text/css"> .left{ width: 100px; background: red; float: 阅读全文
posted @ 2021-03-21 16:18 actorhuang 阅读(32) 评论(0) 推荐(0)
摘要:响应式布局——媒体查询 响应式布局容器 响应式需要一个父级做为布局容器,来配合子级元素实现变化效果。 原理就是在不同屏幕下,通过媒体查询来改变这个布局容器的大小,再改变里面子元素的排列方式和大小,从而实现不同屏幕下,看到不同的页面布局和样式变化。 一般情况下的响应式尺寸划分 超小屏幕(手机,小于76 阅读全文
posted @ 2020-11-19 16:36 actorhuang 阅读(249) 评论(0) 推荐(0)
摘要:常见自适应布局 <div class="box"> <div class="left"></div> <div class="right"></div> </div> 左侧固定宽度,右侧自适应布局 方法一: 左侧盒子使用float浮动,固定宽度,右侧盒子设置margin-left控制与左侧的距离: 阅读全文
posted @ 2020-10-27 00:15 actorhuang 阅读(328) 评论(0) 推荐(0)
摘要:vue生命周期 - 创建期间的生命周期函数: + beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性 + created:实例已经在内存中创建OK,此时 data 和 methods 已经创建OK,此时还没有开始 编译模板 + beforeM 阅读全文
posted @ 2020-09-25 10:44 actorhuang 阅读(190) 评论(0) 推荐(1)