HTML元素類型
HTML元素又分為塊級元素（block-level）、行內元素（inline-level）。
塊級元素和行內元素分別有哪些？動手測試并列出4條以上的特性區別
block-level:
div h1~h6 p form ul ol li table th tr td dd dt hr pre
inline-level:
em strong span a img br button input label select textarea code script
特性區別：
- 塊級元素包含塊級和行內，行內元素只能包含文本和行內。
- 塊級元素占據一整行的空間。行內元素只占據自身寬度空間，多個行內元素可以并排排列。
- 塊級元素可以設置寬度和高度，而行內元素不能設置寬度和高度。
- 塊級元素可以設置內外邊距padding、margin。而行內元素不可設置上下padding、margin，只對左右padding、margin有效。（若加上邊框、背景色，行內元素的高度可以撐開，但本身的高度并沒有實質變化。）
什么是 CSS 繼承? 哪些屬性能繼承，哪些不能？
繼承就是父元素的樣式傳遞到了子元素上。
不可繼承元素：
display、margin、padding、borde、background、height、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。
字體系列元素可繼承：
font、 font-family、font-size、font-weight、font-style、font-variant
文本系列元素可繼承：
letter-spacing、word-spacing、white-space、line-height、
color、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;
用 CSS 實現一個三角形
思路：
建立一個盒模型、設置寬高、設置上下左右邊框的粗細、類型、顏色
將寬高都設置為0
將上下左右任意三個邊框的顏色設為透明transparent
代碼：
單行文本溢出加 ...如何實現?
思路：
- 設置文本不換行 white-space: nowrap;
- 溢出部分隱藏 overflow: hidden;
- 設置
...代替文本溢出部分 text-overflow: ellipsis;
代碼：
px, em, rem 有什么區別
- px：固定單位 像素px是相對于顯示器屏幕分辨率而言的。
- em：相對單位 相對于父元素的字體大小。
- rem：相對單位 相對于HTML根元素字體大小。
解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
- body里的字體大小為12px，行高為12*1.5px，字體按照
tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;的優先級展示。 -
'Hiragino Sans GB'字體名的中間含有空格。 -
\5b8b\4f53表示Unicode編碼的宋體。
