文檔流

內(nèi)聯(lián)元素從左往右流動,如果寬度不夠，就

塊級元素從上往下流，另起一行

Word-break解決英文的單詞換行問題。

一個塊級元素的高度是有內(nèi)部文檔流元素的高度總和決定（不相等）

內(nèi)聯(lián)元素的高度

中文和英文對齊是基線對齊,span之間基線對齊。

有的字體默認(rèn)行高是字體大小(font-size)的1.4倍，有的是1.2倍，所以字體高度和字體種類是有關(guān)系的。可以設(shè)置line-height。

line-height設(shè)置大于font-size,以免玄學(xué)問題。

Position:fixed脫離文檔流，定位相對于當(dāng)前屏幕視野。fixed之后會內(nèi)縮，要設(shè)置width:100%;

Max-width比width更好，因為可以自適應(yīng)

span不接受設(shè)置寬高，要先改成display:inline-block;

寫了高度就要設(shè)置垂直居中

對于內(nèi)斂元素，盡量不要設(shè)置寬度和高度，而是通過padding來達(dá)到寬度和高度。這樣不管內(nèi)容增加或者減少，都是好看的。固定死了寬高之后再增加內(nèi)容就會出bug。

Top:100%優(yōu)雅地到達(dá)左下角。

外面不要加padding，會變胖。在里面簡歷一個新的div來加padding

兩列適應(yīng)只需要設(shè)置width:50%;或者第一個30%，第二個70%來調(diào)整比例。

Icon-font阿里巴巴的圖標(biāo)網(wǎng)站，好處是簡書、微博等國內(nèi)的logo都有。

banner圖片網(wǎng)站wallhaven

關(guān)于banner的結(jié)構(gòu)，一般來說是設(shè)置nav為的position為fixed，然后div.banner里面設(shè)置background。

?

?