二十二、并不是所有樣式都要簡寫: 當(dāng)樣式表前定義了如p{padding:1px 2px 3px 4px}時,在后續(xù)工程中又增加了一個樣式上補(bǔ)白5px,下補(bǔ)白6px。我們并不一定要寫成p.style1{padding:5px 6px 3px 4px}。可以寫成p.style1{padding-top:5px;padding-right:6px;},你可能會感覺這樣寫還不如原來那樣好,但你想沒想過,你的那種寫法重復(fù)定義了樣式,另外你可以不必去找原來的下補(bǔ)白與左補(bǔ)白的值是多少!如果以后前一個樣式P變了話,你定義的p.style1的樣式也要變。
二十三、網(wǎng)站越大,CSS樣式越多,開始做前,請做好充分的準(zhǔn)備和策劃,包括命名規(guī)則。頁面區(qū)塊劃分,內(nèi)部樣式分類等。
二十四、固定寬度漢字截斷:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(不過只能處理文字在一行上的截斷,不能處理多行。)(IE5以上)FF不能,它只隱藏。
如果您有很多不明白的,沒關(guān)系,記錄下這些技巧,常來看看,您一定有所收獲。您也可以在左側(cè)的搜索框輸入你感興趣的內(nèi)容進(jìn)行搜索。歡迎您發(fā)表評論,補(bǔ)充CSS技巧。 |