发表于: 2017-07-27 00:01:32
1 585
今天完成的事情:
1.task4的一些深度思考:
(1)哪些css属性可以设置百分比,其计算原则是什么
答: 定位属性:top, right, bottom, left;相对于父元素的百分比
盒模型属性:height, width, margin, padding;相对于父元素的百分比
背景属性:background-position;图像中描述为50% 50% 的点(中心点);如果图像位于 0% 0%,其左上角将放在元素内边距区的左上角;如果图像位置是 100% 100%,会使图像的右下角放在右边距的右下角。
文本属性:text-indent, line-height, vertical-align;
text-indent:首行文本的缩进
line-height:大部分浏览器默认行高是110%到120%
字体属性:font-size;相对于父元素的百分比
(2)常见的表单元素有哪些?各有什么属性
答:input
select:定义下拉列表,用opition定义待选择的选项
textarea:定义多行输入字段
button:定义可点击的按钮
(3)如何理解HTML结构的语义化:
答:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地 解析。
- 尽可能少的使用无语义的标签div和span;
- 在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利;
- 不要使用纯样式标签,如:b、font、u等,改用css设置。
- 需要强调的文本,可以包含在strong或者em标签中(浏览器预设样式,能用CSS指定就不用他们),strong默认样式是加粗(不要用b),em是斜体(不用i);
- 使用表格时,标题要用caption,表头用thead,主体部分用tbody包围,尾部用tfoot包围。表头和一般单元格要区分开,表头用th,单元格用td;
- 表单域要用fieldset标签包起来,并用legend标签说明表单的用途;
- 每个input标签对应的说明文本都需要使用label标签,并且通过为input设置id属性,在lable标签中设置for=someld来让说明文本和相对应的input关联起来。
(4)使用fixed的时候,在手机上查看是否会有问题,怎么解决
答:这个不清楚,写好之后在自己的手机上查看并没有什么问题,请师兄指导
(5)常见的移动端登录页header有哪些实现方式
position:fixed,flex应该也可以,明天详细看一下,其它的不太清楚了
明天计划的事情:
学习flex,css代码规范,task5尽量写
评论