(1)line-height

行高指的是文本行的基線間的距離。
基線并不是漢字的下端沿，而是英文字母"x"的下端沿

(2)@import 和 <link>是常用的兩種引入CSS文件的方式

1. 使用@import會增加頁面的總體加載時間。
2. IE中使用@import會改變文件的加載順序。這可能會增加CSS文件的加載時間，阻礙頁面渲染

(3)線性漸變是不支持動畫 animation 的

(4)瀏覽器默認有8px的margin

(5)行內(nèi)(內(nèi)聯(lián))元素margin,padding橫向設置有效，縱向設置無效

(6)text-decoration:line-through

(7)font-style:italic

(8)塊狀元素中文本，圖片水平居中，用text-align:center

如果要垂直居中，就要將line-height設置為盒子高度

（9）overflow：hidden會使元素BFC化，div內(nèi)任何元素無論怎么都是在內(nèi)部，不會影響div外面的元素

（10）margin是以自身作為參照進行位置偏移的

margin 的百分比值參照其包含塊的寬度進行計算，書寫模式變成縱向的時候，其參照將會變成包含塊的高度

（11）首字母下沉

p::first-letter{
        color: green;
        font-size: 3em;
        margin: 0 0.2em 0 0;
        float: left;
    }

（12）導航欄出現(xiàn)莫名的距離頂部的外邊距

未清除ul的內(nèi)外邊距

（13）z-index

z-index只能應用于定位元素（即設置了 position 屬性為非 static 值）

（14）內(nèi)聯(lián)與塊級元素

內(nèi)聯(lián)元素 a strong em span

• 寬高由內(nèi)容撐開
• 可以排在一行
• 不支持上下的padding跟margin

• 代碼換行會產(chǎn)生間隙，間距大小取決于父級font-size的大小

  
  
  image.png

鏈接到一個網(wǎng)站地址，必須加上http://

image.png

image.png

（15）css3分欄

1. column-count: 3; 分多少欄
2. column-gap: 100px; 分欄間隔的寬度
3. column-rule: 3px solid #333 分欄間隔線的樣式

image.png

image.png

（18）nth-child()

image.png

（19）inline

image.png

image.png

確實不能設置寬高，然后垂直方向的padding,margin無效，多個內(nèi)聯(lián)元素換行排列還會因為空元素產(chǎn)生間距

image.png

padding

image.png

text-align可繼承

（21）css選擇器優(yōu)先級

image.png

（22）text-size-adjust

image.png

（23）文字超出省略

elipsis 省略

image.png

（24）left，top等定位屬性在添加了position后才生效