屏幕快照 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)元素來說技健,上下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è)字體都有英文名稱蚁趁,為了防止用戶瀏覽器中沒有相應(yīng)的字體或者打開模式不匹配中文字體的顯示裙盾,我們就統(tǒng)一使用英文名稱。加上引號(hào)針對(duì)雙字符串他嫡,顯示為一個(gè)item.更為保險(xiǎn)的方式是使用unicode編碼
chrome 默認(rèn)字體是16px番官,最小字體是12px。
2em是字體的倍數(shù)
-webkit-transform:scale(0.75);縮小到原來的0.75倍
justify兩端撐滿钢属,對(duì)最好一行沒有效果
行內(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:直接去掉多出來的文字
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雖然看不見,但元素還在盐须。display元素都不在了玩荠,徹底消失
屏幕快照 2017-05-14 下午12.39.43.png
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者