1. 塊級元素和行內(nèi)元素分別有哪些？動手測試并列出4條以上的特性區(qū)別
塊級元素：div，h1~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
塊級元素與行內(nèi)元素的區(qū)別：
- 塊級元素占一整行空間，而行內(nèi)元素只占據(jù)他自身的寬度空間。
- 塊級元素總是在新行上開始，行內(nèi)元素和其他元素都在一行上。
- 塊級元素可以容納行內(nèi)元素和其他塊級元素，行內(nèi)元素只能容納文本或者其他行內(nèi)元素。
- 塊級元素可設(shè)置寬高，行內(nèi)元素設(shè)置寬高無效。
- 塊級元素設(shè)置padding和margin上下左右都生效，而行內(nèi)元素只有左右padding和margin生效，padding對行內(nèi)元素的背景色和邊框生效，但是不占據(jù)空間。
2. 什么是 CSS 繼承? 哪些屬性能繼承，哪些不能？
css的一個主要特征就是繼承，所謂css的繼承是指被包在內(nèi)部的標(biāo)簽將擁有外部標(biāo)簽的樣式性質(zhì)。它是依賴于祖先-后代的關(guān)系的。繼承是一種機(jī)制，它允許樣式不僅可以應(yīng)用于某個特定的元素，還可以應(yīng)用于它的后代。但是css繼承也有局限性，有些屬性是不能繼承的。
css可繼承和不可繼承的屬性
3. 如何讓塊級元素水平居中？如何讓行內(nèi)元素水平居中?
塊級元素水平居中：
margin： 0 auto;
行內(nèi)元素水平居中：
text-align： center;
4. 用 CSS 實(shí)現(xiàn)一個三角形
Paste_Image.png
5. 單行文本溢出加 ...如何實(shí)現(xiàn)?
Paste_Image.png
white-space： nowrap; /*使文本不折行*/
overflow： hidden; /*溢出部分隱藏*/
text-overflow： ellipis; /*溢出部分用省略號表示*/
6. px, em, rem 有什么區(qū)別
px： 固定單位
百分比(寬高？文字大小？line-height? position?)
em: 相對單位，相對于父元素字體大小
rem: 相對單位，相對于根元素(html)字體大小
7. 解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
Paste_Image.png
設(shè)置字體大小為12px，行高為字體的1.5倍。字體從tahoma開始查詢，tahoma未查詢到則往右依次查詢。
'Hiragino Sans GB‘中間有空格，防止瀏覽器不能正確識別，加引號代表一個整體。\5b8b\4f53是代表的宋體的unicode碼，以防瀏覽器不能很好的識別中文和英文，使用unicode碼更保險(xiǎn)。
