发表于: 2017-03-21 22:18:41
1 574
今天完成的事:1,修改了任务7,和要求基本一致,开始做任务8第一的页面。。
2,学习了几种伪元素,
a:link {color:blue;}
a:visited {color:blue;}
a:hover {color:red;}
a:active {color:yellow;}
3,了解并学习了flex布局,
Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。
任何一个容器都可以指定为Flex布局行内元素也可以使用Flex布局设为Flex布局以后,子元素的float、clear和vertical-align属性将失效,
采用Flex布局的元素,称为Flex容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称"项目"。容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end。
项目默认沿主轴排列。单个项目占据的主轴空间叫做main size,占据的交叉轴空间叫做cross size。
这是几种它的属性
§ flex-direction
§ flex-wrap
§ flex-flow
§ justify-content
§ align-items
§ align-content
它item的属性
§ order
§ flex-grow
§ flex-shrink
§ flex-basis
§ flex
明天计划的事:1,做任务8的页面,完成任务7,
2,继续学css各种样式属性
遇到的问题:今天没遇到什么问题。。
收获:学习了flex布局,用起来蛮好用的。
评论