- 塊級元素和行內元素分別有哪些？動手測試并列出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 span strong a鏈接 br img button input label select textarea code script
image.png - 塊級元素占據整行空間，行內元素占據自身得高度寬度
- 塊級元素可以設置寬高，行內元素不能設置
- 塊級元素可以包含行內元素，行內元素只能包含文本和行內
- 塊級元素可以調整margin和padding，行內元素只能調整左右的margin和padding，不能調整上下的margin和padding。
- 什么是 CSS 繼承? 哪些屬性能繼承，哪些不能？
- CSS得屬性可以向下繼承，子元素可以繼承父元素得屬性。
- color，font可以繼承
- border，margin，padding不可繼承
- 如何讓塊級元素水平居中？如何讓行內元素水平居中?
- 塊級元素水平居中：margin：0 auto
- 行內元素水平居中：在父元素設置text-align:center
-
用 CSS 實現一個三角形
image.png -
單行文本溢出加 ...如何實現?
white-space:nowrap
overflow:hidden
text-overflow:ellipsis
image.png - px, em, rem 有什么區別
- px固定單位，像素
- em相對單位，相對于父元素字體大小
- rem相對單位，相對于根元素字體大小
- 解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
body{ font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; }
- 頁面字體大小為12px，行高為1.5倍，后面為字體得優先級，選擇順序
- 加引號因為中間有空格，不加會被當作兩種字體
- \5b8b\4f53代表宋體
