文本縮進(jìn)距離
text-indent:2em ? 縮進(jìn)2個文本漆际。
1em=1 font-size(相對1個字體大小)=16px ? ? px是相大小。cm等長度單位是絕對大小蚌斩。
line-height:字體行高
刪除線
<del>原價(jià)50元</del>——為保證網(wǎng)頁的行為呵俏、樣式堆缘、結(jié)構(gòu)三者相分離,一般不使用這種普碎。
原價(jià)50元
<span>原價(jià)50元</span>
span{text-decoration:line-through;}———刪除線
span{text-decoration:underline;}———下滑線
span{text-decoration:none;}———取消下滑線
<span>原價(jià)50元</span>
span{text-decoration:line-through}
cursor——設(shè)置鼠標(biāo)箭頭形狀
偽類選擇器
元素分類
行級元素吼肥、內(nèi)聯(lián)元素、Inline
feature:內(nèi)容決定元素所占位置、不可以通過CSS改變寬高
span ?strong em a del
塊級元素潜沦、block
feature:獨(dú)占一行萄涯、可以通過CSS改變寬高
div ?p ul li ol form address
行級塊元素、inline-block
feature:內(nèi)容決定大小唆鸡、可以改變寬高
img
當(dāng)css樣式設(shè)置為display:block 則標(biāo)簽為塊級元素
當(dāng)css樣式設(shè)置為display:inline 則標(biāo)簽為行級元素
當(dāng)css樣式設(shè)置為display:inline-block 則標(biāo)簽為行級塊元素
凡是帶有inline的元素涝影,都有文字特性,會出現(xiàn)文字4px的邊距争占。
比如圖片與圖片之間出現(xiàn)邊距就是因?yàn)?lt;img>帶有inline的元素燃逻。
有些編程者會選擇這種手段去掉邊距
margin-left:-4px ? ? ? ? ? ?——但是當(dāng)線上測試的時(shí)候會出現(xiàn)一些問題
所以正常手段是:直接讓所有的<img>標(biāo)簽之間沒有空格
編程思維
1、先寫結(jié)構(gòu)臂痕,再寫樣式
2伯襟、先寫樣式(定義功能),再寫結(jié)構(gòu)握童,因?yàn)橐话銏F(tuán)隊(duì)開發(fā)都可以用前人定義過的功能姆怪,從而可以直接寫結(jié)構(gòu)就好了。