发表于: 2018-07-12 20:28:18

1 660


今天完成的事情:完成任务5,深入思考任务5;开始任务6;
明天计划的事情:进行任务6,明白雪碧图,知道下拉框;
遇到的问题:自我介绍后后边框会变化;(给自我介绍再加一个盒子,再设置边框)
收获:position: fixed; 定位:元素的位置相对于浏览器窗口是固定位置。 就算是窗口变化他也不会变化。

任务5深入思考:1.css可以绘制哪些常见的特殊形状?

正方形#square {     width: 100px;     height: 100px;     background: red; }

矩形#rectangle {     width: 200px;     height: 100px;     background: red; }

圆形#circle {     width: 100px;     height: 100px;     background: red;     -moz-border-radius: 50px;     -webkit-border-radius: 50px;     border-radius: 50px; }

三角形#triangle-up {     width: 0;     height: 0;     border-left: 50px solid transparent;     border-right: 50px solid transparent;     border-bottom: 100px solid red; }

平行四边形#parallelogram {     width: 150px;     height: 100px;     -webkit-transform: skew(20deg);        -moz-transform: skew(20deg);          -o-transform: skew(20deg);     background: red; }

2. 如何理解vertical-align与line-height?

line-height:一行的时候垂直居中,它是行间距,是基线与基线的距离,vertical-align不管有多少行,都可以垂直居中,vertical-align 属性设置元素的垂直对齐方式,是行内元素的基线相对于该元素所在行的基线的垂直对齐。它还可以设置单元框的单元格内容对齐,

在设完disply-table时用他来对齐。

3.请解释一下CSS3的Flexbox(弹性盒布局模型)以及适用场景?

在flexbox中,盒子是有垂直和水平的两个主轴存在的,利用两个主轴来对盒子里的子元素进行排列,比如垂直居中水平对齐等。。

  4.title与h1、b与strong、i与em、img的alt与title、src与href有什么区别?

title是说明整个网站的主题,h1是网站中的内容的标题;

b与strong,i与em表面没区别,但在搜索引擎搜索是识别不了b和i标签;

src是内容的来源,href是去往的地点;

  5.如何使用IconFont?  

6.HTML中dl、ul、ol用哪个比较好?

自我感觉没什么区别;dl是定义列表,有前后之分;

ul是无序列表,没有限制随意添加li;

ol是就序列表,会随着li的前后顺序进行排列。



返回列表 返回列表
评论

    分享到