块级元素和行内元素
- 块及元素可以包含行类元素，而行类元素能包含文本和行类元素，就是说行类元素不能包含块级元素！
- 常见的块级元素{div h1~h6 p hr form ul li dl dt dd ol pre
table th tr td} - 常见的行类元素{em strong span a br img button input label select textarea code script}
宽高只对块级元素生效，对行类无无效
边框 solid实线 dotted圆点 dash虚线
块级元素 margin：0 auto；居中
行类元素margin padding只对左右有效·上下无效
特性区别：
行类元素：
- 元素高度宽度不可用
- 行内元素只能包含行内元素和文本，不能包含块级元素
- 占据空间是自身的，多个元素可以并排
- 内外边距上下不可用，左右可用
块级元素：
- 块级元素占据一行
- 块级元素可以直接设宽高
- 块级元素可以包含块级和行类元素
- 块级元素内外边距设置都有效
CSS 继承? 哪些属性能继承，哪些不能？
CSS继承是指特点的CSS属性向下传递给后代
不可继承的属性有
display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。
所有元素可继承：
visibility和cursor;
内联元素可继承：
letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction
块级元素可继承：
text-indent和text-align
列表元素可继承：
list-style、list-style-type、list-style-position、list-style-image
表格元素可继承：
border-collapse
如何让块级元素居中？如何让行内元素水平居中？
- 块级：margin :0 auto;
- 行级： text-align:center;
单行文本溢出加 ...如何实现?
white-space: nowrap; 不折行
overflow: hidden; 超出元素隐藏
text-overflow: ellipsis; 超出部分用...代替
px em rem区别？
- px固定大小，像素
- em相对大小，相对于父级元素的字体大小
- rem相对大小，相对于根目录html的字体大小
下面代码的作用,引号的作用，字体里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
表示字体大小为12px，行高1.5倍，多个单词不加引号会识别成多个元素，"\5b8b\4f53"是对应字体的unicode编码。
如何把字体转换成unicode编码？
打开控制台 escape('微软雅黑')，把 %u替换成 \
