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)元素 em strong span a br img button iput label select textarea code script
特性區(qū)別主要有：
- 塊級(jí)元素占據(jù)一整行空間颠毙，行內(nèi)元素占據(jù)自身寬度空間疗涉，一行中可以排列多個(gè)行內(nèi)元素。
- 塊級(jí)元素可以包含塊級(jí)元素和行內(nèi)元素吟秩，行內(nèi)元素只能包含行內(nèi)元素和文本咱扣。
- 塊級(jí)元素可以設(shè)置寬高，行內(nèi)元素設(shè)置寬高是無效的涵防。
- 塊級(jí)元素可以設(shè)置內(nèi)邊距和外邊距闹伪，行內(nèi)元素只能設(shè)置橫向內(nèi)邊距和橫向外邊距。
2. 什么是 CSS 繼承? 哪些屬性能繼承壮池，哪些不能偏瓤？
- CSS繼承就是子元素繼承了父元素的CSS樣式的屬性
- 所有元素可繼承：visibility和cursor
內(nèi)聯(lián)元素可繼承：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（字體內(nèi)容 大小相關(guān)屬性）
塊狀元素可繼承：text-indent和text-align(字體布局屬性,當(dāng)前元素必須是塊級(jí)元素)
列表元素可繼承：list-style软族、list-style-type刷喜、list-style-position、list-style-image(ul ol 的屬性可以繼承給li)
表格元素可繼承：border-collapse
3. 如何讓塊級(jí)元素水平居中立砸？如何讓行內(nèi)元素水平居中?
| 塊級(jí)元素 | 行內(nèi)元素 |
|---|---|
| margin： 0 auto; | text-align : center; |
4. 用 CSS 實(shí)現(xiàn)一個(gè)三角形
5. 單行文本溢出加 ...如何實(shí)現(xiàn)?
滿足三個(gè)條件:溢出部分隱藏 overflow:hidden; 不換行:white-space:nowrap;溢出部分為點(diǎn) text-overflow:ellipsis
6.px, em, rem 有什么區(qū)別?
- px 相對(duì)元素掖疮，相對(duì)于瀏覽器的大小，注意ie無法調(diào)整使用px為單位的字體大小
- em 相對(duì)元素仰禽，相對(duì)于字體的大小氮墨，注意字體大小的繼承性
- rem 相對(duì)元素，相對(duì)于根元素的大小吐葵，有利于修改網(wǎng)頁(yè)的字體大小
7. 解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-
serif;
}
- 代碼作用
該段代碼設(shè)置了body的font樣式规揪，字體大小為12px，行高是字體1.5倍的像素值温峭，后面則是第一到第五字體猛铅，用逗號(hào)隔開，如果用戶瀏覽第一字體沒有凤藏，則查詢第二字體有沒有奸忽，以此類推堕伪，如果都沒有則采用系統(tǒng)默認(rèn)字體； - 字體為什么要加引號(hào)?
因?yàn)椴捎弥形幕蛘哂⑽淖煮w有空格時(shí)栗菜，不加引號(hào)可能導(dǎo)致用戶瀏覽器不能識(shí)別字體欠雌，產(chǎn)生亂碼； - 字體里的數(shù)字符號(hào)代表什么?
代表字體的Unicod碼,這個(gè)例子中疙筹， \5b8b 為Unicode的“宋”富俄，\4f53 為Unicode的“體”，所以這個(gè)編碼就是指“宋體”而咆。
