屏幕快照 2017-05-08 下午10.32.40.png
屏幕快照 2017-05-08 下午9.56.55.png
屏幕快照 2017-05-08 下午10.43.59.png
屏幕快照 2017-05-08 下午10.49.07.png
對(duì)于行內(nèi)元素來(lái)說(shuō)，上下margin padding是不生效的，只有左右才有效。
屏幕快照 2017-05-08 下午11.09.50.png
屏幕快照 2017-05-08 下午11.12.05.png
屏幕快照 2017-05-14 上午10.13.31.png
font 有各種各樣的屬性，第一個(gè)為簡(jiǎn)潔寫法，第二個(gè)為繁瑣寫法
每一個(gè)字體都有英文名稱，為了防止用戶瀏覽器中沒(méi)有相應(yīng)的字體或者打開(kāi)模式不匹配中文字體的顯示，我們就統(tǒng)一使用英文名稱。加上引號(hào)針對(duì)雙字符串，顯示為一個(gè)item.更為保險(xiǎn)的方式是使用unicode編碼
如何獲得某字體相應(yīng)的unicode碼
chrome 默認(rèn)字體是16px，最小字體是12px。
2em是字體的倍數(shù)
-webkit-transform:scale(0.75);縮小到原來(lái)的0.75倍
justify兩端撐滿，對(duì)最好一行沒(méi)有效果
行內(nèi)元素居中，在父容器中設(shè)置居中
屏幕快照 2017-05-14 上午11.29.13.png
默認(rèn)情況下當(dāng)文字放不下是會(huì)折行的
不想讓它折行的話，white-space:nowrap
overflow:hidden 隱藏溢出部分的文字
text-overflow:ellipsis 溢出部分變?yōu)?.. clip：直接去掉多出來(lái)的文字
0.5是阿爾法通道，遮罩，數(shù)字越小，越透明，數(shù)字越大，越不透明
屏幕快照 2017-05-14 上午11.47.32.png
直接對(duì)a鏈接元素設(shè)置color，而非父元素設(shè)置color，因?yàn)闉g覽器會(huì)對(duì)鏈接元素設(shè)置默認(rèn)的紫色color，而父元素繼承的顏色優(yōu)先級(jí)不如瀏覽器直接對(duì)a元素設(shè)置顏色的權(quán)重高。
如何去掉列表的點(diǎn)。因?yàn)槟J(rèn)設(shè)置是list-style-type:dics 表示小圓點(diǎn)，所以當(dāng)我們舍子list-style:none的時(shí)候就是去掉了點(diǎn)
屏幕快照 2017-05-14 下午12.30.05.png
opacity 子元素都透明；bacground-color：只是背景色透明，子元素不透明；visibility雖然看不見(jiàn)，但元素還在。display元素都不在了，徹底消失
屏幕快照 2017-05-14 下午12.39.43.png
