前端练习Day1

错题整理:
1、<div>,<h1>,<p>是块级元素,<span>不是块级元素
解析:块级元素在浏览器中一般以新行来开始和结束。块级元素根据结构还是内容可分为三种:
结构化块状元素:用于构造文档的结构
终端块状元素:用于从结构转向内容,属于结构的终点,不能包含其他块级元素,只能包含文本或行级元素
多目标块状元素:可以自由的扩展或嵌套文档的结构,也可以终端形式出现
内联元素或行内元素都是基于语义级的基本元素,只能容纳文本或者其他内联元素

2、CSS清除浮动
在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进行的CSS处理,就叫CSS清除浮动。
https://segmentfault.com/a/1190000004865198

3、<mark>标签定义带有记号的文本,将关键词高亮显示
highlight不是标签,css属性用来高亮显示指定的代码行

4、<nav>,<article>,<video>都是HTML5新增的标签

5、css中link和@import的区别
i.link引用的css会同时被加载,并且加载页面前把css加载完毕,而@import url()则是读取完文件后再加载css,所以一开始没有css样式,网速慢的话,会闪烁一下出现样式
ii.link在支持的浏览器上都支持,@import是css2里面的,只在5.0以上的版本有效
iii.使用js控制dom改变样式时,只能使用link标签,因为@import不是dom可以控制的
v.link属于XHTML标签,除了能加载css外还能定义RSS,定义rel属性,@import只能加载css,完全是css提供的一种方式

6、display:inline的兼容情况见下图:
https://uploadfiles.nowcoder.net/images/20160908/394814_1473325174810_C034AF1790AA2D61CC7D3BBB51480516

7、HTML5常用的新特性:
canvas:定义图形,图表等,只是图形容器,必须使用脚本来绘制图形
audio:用于音频播放
video:用于视频播放
article:规定独立的自包含内容
header:定义文档的页眉,介绍相关信息
section:定义文档中的节
footer:定义文档的页脚
nav:定义导航链接
表单控件:
calender
date
time
url
search

8、form表单中input元素的readonly与disabled属性
readonly为真时,input内容会随着表单提交,而disabled为真时,input元素加载时禁用此元素,内容不会被提交。无论哪一个,通过js脚本都可更改input的值

9、要运用css3动画,需要运用@keyframes规则和animation属性

10、label标签只有for 和 form两个属性

猜你喜欢

转载自blog.csdn.net/silenmm/article/details/80204309