发表于： 2019-04-08 23:21:15
1 807
今天完成的事情：
1.对任务五进行了修改。
2.对FLEX布局有了进一步的了解。
3.学习了盒子模型与元素水平
有三个元素水平分别是。block水平，inline-block水平，inline水平，三种元素各有不同的表现。block水平默认情况下，继承父级宽度，铺满整行。多个元素坚直方向排列，可以设置宽 高，坚直方向向上的padding,margin有效。inline元素水平排列，多个inline水平的元素，会在一行里排列，不可以设置宽高，坚直方向上的padding，margin无效。inline-block水平元素，用时具有block水平和inline水平的特点，多个元素水平排列成一行。可以设置宽高，坚直方向上的padding,margin有效。
在实现九宫格效果，必然不能是9个block水平的元素因为block会排成九列，而9个inline水平的元素，只能是inline-block的元素。使用引出第一种九宫格布局。inline-block布局。固定尺寸的九宫格布局。
明天计划的事情：
1.完成任务五。
2.如何使用IconFont？
3.HTML中dl、ul、ol用哪个比较好？
遇到的问题：
1.任务五中，自我介绍不能保持居中。
2.要用CSS制作大于号。
3.底部栏不能排序好
收获：
1.学习了px与%和VW，简述CSS单位
PX,%VW的不同之处
PX:绝对单位，页面按精确像素展示
VW：viewpoint-width，视窗宽度，1VW等于视窗宽度的1%。
VH：viewpoint-height,视窗高度，1vh等于视窗高度的1%。
%：百分比，以父级元素的尺寸为基准，乘以%后得到响应的尺寸。
2、关于浮动
float属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在CSS中，任何元素都可以浮动。浮动元素会生成一个块级框，而不管他本身是何种元素。
返回列表
评论