1. 塊級元素和行內(nèi)元素分別有哪些?動手測試并列出4條以上的特性區(qū)別
塊級元素:div,h1~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
塊級元素與行內(nèi)元素的區(qū)別:
- 塊級元素占一整行空間,而行內(nèi)元素只占據(jù)他自身的寬度空間。
- 塊級元素總是在新行上開始,行內(nèi)元素和其他元素都在一行上。
- 塊級元素可以容納行內(nèi)元素和其他塊級元素,行內(nèi)元素只能容納文本或者其他行內(nèi)元素。
- 塊級元素可設(shè)置寬高,行內(nèi)元素設(shè)置寬高無效。
- 塊級元素設(shè)置padding和margin上下左右都生效,而行內(nèi)元素只有左右padding和margin生效,padding對行內(nèi)元素的背景色和邊框生效,但是不占據(jù)空間。
2. 什么是 CSS 繼承? 哪些屬性能繼承,哪些不能?
css的一個主要特征就是繼承,所謂css的繼承是指被包在內(nèi)部的標(biāo)簽將擁有外部標(biāo)簽的樣式性質(zhì)。它是依賴于祖先-后代的關(guān)系的。繼承是一種機(jī)制,它允許樣式不僅可以應(yīng)用于某個特定的元素,還可以應(yīng)用于它的后代。但是css繼承也有局限性,有些屬性是不能繼承的。
css可繼承和不可繼承的屬性
3. 如何讓塊級元素水平居中?如何讓行內(nèi)元素水平居中?
塊級元素水平居中:
margin: 0 auto;
行內(nèi)元素水平居中:
text-align: center;
4. 用 CSS 實(shí)現(xiàn)一個三角形

Paste_Image.png
5. 單行文本溢出加 ...如何實(shí)現(xiàn)?

Paste_Image.png
white-space: nowrap; /*使文本不折行*/
overflow: hidden; /*溢出部分隱藏*/
text-overflow: ellipis; /*溢出部分用省略號表示*/
6. px, em, rem 有什么區(qū)別
px: 固定單位
百分比(寬高?文字大小?line-height? position?)
em: 相對單位,相對于父元素字體大小
rem: 相對單位,相對于根元素(html)字體大小
7. 解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?

Paste_Image.png
設(shè)置字體大小為12px,行高為字體的1.5倍。字體從tahoma開始查詢,tahoma未查詢到則往右依次查詢。
'Hiragino Sans GB‘中間有空格,防止瀏覽器不能正確識別,加引號代表一個整體。\5b8b\4f53是代表的宋體的unicode碼,以防瀏覽器不能很好的識別中文和英文,使用unicode碼更保險(xiǎn)。