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)元素：
button input label select textarea code script```
######區(qū)別：
1. 行內(nèi)元素會(huì)在一條水平方向上的直線排列，而塊級(jí)元素各占據(jù)一行，垂直方向排列
2. 塊級(jí)元素可以包含行內(nèi)元素和塊級(jí)元素；行內(nèi)元素不能包含塊級(jí)元素
3. 行內(nèi)元素與塊級(jí)元素屬性不同，比如在盒模型屬性上，行內(nèi)元素設(shè)置width無(wú)效殖卑，height無(wú)效，上下margin無(wú)效坊萝，上下padding無(wú)效
4. 對(duì)應(yīng)display屬性值不同孵稽，塊級(jí)元素對(duì)應(yīng)為block，行內(nèi)元素對(duì)應(yīng)為inline
###2. 什么是 CSS 繼承? 哪些屬性能繼承十偶，哪些不能菩鲜？
- css繼承：當(dāng)元素的一個(gè) 繼承屬性沒有指定值時(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í)元素水平居中：```margin : 0 auto;```
行內(nèi)元素水平居中：`text-align : center;`
###4. 用 CSS 實(shí)現(xiàn)一個(gè)三角形
###5. 單行文本溢出 ...如何實(shí)現(xiàn)?
通過以下三行css代碼實(shí)現(xiàn)
`white-space: nowrap; `
` overflow: hidden; `
` text-overflow: ellipsis; `
###6. px, em, rem 有什么區(qū)別
- px：固定單位
- em：相對(duì)單位记某，相對(duì)于父元素字體大小
- rem；相對(duì)單位构捡，相對(duì)于根元素（html）字體大小
###7. 解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?
```body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}```
- 代碼給body設(shè)置字體的大小液南，行高，字體的種類勾徽。
- 加引號(hào)是因?yàn)檫@個(gè)字體有兩個(gè)單詞滑凉，不加引號(hào)就會(huì)被解讀成兩個(gè)字體。
- \5b8b\4f53是“宋體”的unicode碼喘帚，其中\(zhòng)5b8b代表的是“宋”畅姊，\4f53代表的是“體”。\5b8b\4f53即表示宋體吹由。