1. 塊級(jí)元素和行內(nèi)元素分別有哪些？動(dòng)手測(cè)試并列出4條以上的特性區(qū)別
- 塊級(jí)元素：div h1 h2 h3 h4 h5 h6 p hr form ul dl ol pre table li dd dt tr td th
- 行內(nèi)元素： em strong span a br img button iput label select textarea code script
區(qū)別：
- 塊級(jí)元素會(huì)獨(dú)占一行，其寬度自動(dòng)填滿其父元素寬度
行內(nèi)元素不會(huì)獨(dú)占一行，相鄰的行內(nèi)元素會(huì)排列在同一行里，知道一行排不下，才會(huì)換行，其寬度隨元素的 內(nèi)容變化而變化 - 塊級(jí)元素可以設(shè)置 width, height屬性，行內(nèi)元素設(shè)置width, height無效
【注意：塊級(jí)元素即使設(shè)置了寬度，仍然是獨(dú)占一行的】 - 塊級(jí)元素可以設(shè)置margin 和 padding. 行內(nèi)元素的水平方向的padding-left,padding-right,margin-left,margin-right 都產(chǎn)生邊距效果，但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會(huì)產(chǎn)生邊距效果。（水平方向有效，豎直方向無效）
- 塊級(jí)元素可以包含塊級(jí)元素和行內(nèi)元素，行內(nèi)元素只能放行內(nèi)元素
2. 什么是css繼承？哪些屬性能繼承？哪些不能？
- css繼承：給父級(jí)元素設(shè)定好樣式后，其子元素的樣式和父級(jí)元素樣式一樣。
能繼承：
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、list-style、list-style-type、list-style-position、list-style-image、text-indent和text-align
不能繼承：
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。
3. 如何讓塊級(jí)元素居中？如何讓行內(nèi)元素水平居中？
- 塊級(jí)元素居中：設(shè)置 margin： 0 auto；
- 行內(nèi)元素居中：text-align: center;
4. 單行文本溢出加.......如何實(shí)現(xiàn)？
設(shè)置
white-space:nowarp;
overflow: hidden;
text-overflow:ellipsis;
5. px em rem有什么區(qū)別？
- px :固定單位
- em:相對(duì)單位 相對(duì)父級(jí)元素的字體大小
- rem: 相對(duì)單位 相對(duì)根元素（html）的字體大小
6. 解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?
- 中間有空格，不加引號(hào)會(huì)被識(shí)別成兩個(gè)元素。
- \5b8b\4f53表示的是字體的編號(hào)。
