塊級元素和行內元素分別有哪些？動手測試并列出4條以上的特性區別
-
塊級元素(block-level)
div h1 h2 h3 h4 h5 h6 p hr
form ul dl ol pre table
li dd dt tr td th -
行內元素(inline-level)
em strong span a br img
button input label select textarea
code script
特性區別- 塊級元素會獨占一行（即無法與其他元素顯示在同一行內，除非你顯式修改元素的 display 屬性），而內聯元素則都會在一行內顯示。
- 塊級元素可以設置 width、height 屬性，而內聯元素設置無效。
- 塊級元素的 width 默認為 100%，而內聯元素則是根據其自身的內容或子元素來決定其寬度。
- 塊級可以包含塊級和行內，行內只能包含文本和行內。
什么是 CSS 繼承? 哪些屬性能繼承，哪些不能？
CSS繼承
所有的CSS語句都是基于各個標記之間的父子關系，繼承就是子標簽繼承了上級標簽的CSS樣式的屬性。
-
繼承屬性
所有元素可繼承：visibility和cursor。
內聯元素可繼承：letter-spacing、text-transform、direction。
終端塊狀元素可繼承：text-indent和text-align。
列表元素可繼承：list-style、list-style-type、list-style-position、list-style-image。 -
不可繼承
不可繼承的：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。
如何讓塊級元素水平居中？如何讓行內元素水平居中?
- 塊級元素水平居中
margin:0 auto; - 行內元素水平居中
text-align:center;
用 CSS 實現一個三角形
triangle.jpg
單行文本溢出加 ...如何實現?
overflow.jpg
px, em, rem 有什么區別
- px： 固定單位
- 百分比(寬高？文字大小？line-height? position?)
- em: 相對單位，相對于父元素字體大小
- rem: 相對單位，相對于根元素(html)字體大小
- vw vh: 相對單位，1vw 為屏幕寬度的1% 兼容性
解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
3.jpg
- 作用：在body元素font屬性中，font-size為12px，font-height為字體的1.5倍，font-family為tahoma字體，arial，“”Hiragino Sans GB“”字體，'\5b8b\4f53'字體，sans-serif字體，以順序優先級使用。
- 因為中間有空格，不加引號會被識別成兩個元素。
- 數字符號表示的是字體的編號。
