前端练习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两个属性