• 替換元素 和 非替換元素

替換元素就是平常 看到的 input img textarea select這些都是替換元素，之所以叫替換元素，他們都是沒有實際內容的，都是根據標簽和屬性來判斷渲染些什麽東西。

非替換元素就是 div p 這些，瀏覽器根據內容直接顯示出來。

• 行內替換元素和行內非替換元素的區別

行內替換元素可以設置寬高和邊距的，比如img。行內非替換元素設置不了盒模型屬性 比如span

• 關於viewport

每個手機都有自己的分辨率，有自己的物理長度（4.7寸 5.5寸) 對角線上的分辨率 / 物理長度 就是 像素密度dpi ；

我們一般都會設置，

<meta name="viewport" content="width=devich-witdth", initial-sclae=1.0">

這個就是讓viewport 設置成屏幕寬度。

如果我們不設置，也會默認給我們一個虛擬視口，這個虛擬視口默認是980px， 如果手機分辨率大於980px， 就設置成手機的。那麽在手機看起來，整個頁面就是小小的。

• vw vh vmax vmin的區別。

vw 和 vh 就是屏幕實際大小的比例單位。 1 vw = 屏幕寬度 /100

vmax 就是 vw vh 比較大的一個。 手機 一般都是 vh 比較大

• a:link 和 a 的區別。

a:link{color:blue;} 和 a{color:blue;} 這樣看起來效果好像是一樣的。

區別在於 a元素有沒有 href 屬性 ，如果 a 沒有 href a:link是沒有作用的 而a{color：blue}就是無區別對待

【CSS 小知識點集合】