发表于: 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布局,

FlexFlexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。

任何一个容器都可以指定为Flex布局行内元素也可以使用Flex布局设为Flex布局以后,子元素的floatclearvertical-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布局,用起来蛮好用的。






返回列表 返回列表
评论

    分享到