发表于: 2018-07-12 20:28:18
1 657
今天完成的事情:完成任务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的前后顺序进行排列。
评论