1、塊級元素和行內元素分別有哪些？動手測試并列出4條以上的特性區別
- 塊級元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table
- 行內元素：span, strong, em, br, img , input, label, select, textarea, cite,
- 區別
塊級元素：塊狀元素排斥其他元素與其位于同一行，可以設定元素的寬（width）和高（height），塊級元素一般是其他元素的容器，可容納塊級元素和行內元素。常見的塊級元素有div, p ,h1~h6等。
行內元素：行內元素不可以設置寬（width）和高（height），但可以與其他行內元素位于同一行，行內元素內一般不可以包含塊級元素。行內元素的高度一般由元素內部的字體大小決定，寬度由內容的長度控制。常見的行內元素有a, em ,strong等。
2、什么是 CSS 繼承? 哪些屬性能繼承，哪些不能？
- CSS繼承就是子元素繼承了父元素的CSS樣式的屬性
- 所有元素可繼承：visibility和cursor
- 內聯元素可繼承：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（字體內容 大小相關屬性）
- 塊狀元素可繼承：text-indent和text-align(字體布局屬性,當前元素必須是塊級元素)
- 列表元素可繼承：list-style、list-style-type、list-style-position、list-style-image(ul ol 的屬性可以繼承給li)
- 表格元素可繼承：border-collapse
3、如何讓塊級元素水平居中？如何讓行內元素水平居中?
- 塊級元素水平居中margin: 0 auto;
- 行內元素水平居中text-align: center;
5、單行文本溢出加 ...如何實現?
.h3{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
6、px, em, rem 有什么區別
- px 固定像素
- em 相對單位，是其父元素的整數倍
- rem 相對單位，是根元素的整數倍
7、解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
body{ font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; }
- 代碼作用
該段代碼設置了body的font樣式，字體大小為12px，行高是字體1.5倍的像素值，后面則是第一到第五字體，用逗號隔開，如果用戶瀏覽第一字體沒有，則查詢第二字體有沒有，以此類推，如果都沒有則采用系統默認字體； - 字體為什么要加引號?
因為采用中文或者英文字體有空格時，不加引號可能導致用戶瀏覽器不能識別字體，產生亂碼； - 字體里的數字符號代表什么?
代表字體的Unicod碼，Unicode碼全球通用，用該碼表示字體是最保險的，獲得該碼的方式可以在網上查找，或者在開發者工具.
\5b8b 為Unicode的“宋”，\4f53 為Unicode的“體”，所以這個編碼就是指“宋體”。
