|
當(dāng)樣式表前定義了如p{padding:1px 2px 3px 4px}時,
在后續(xù)工程中又增加了一個樣式上補白5px,下補白6px。
我們并不一定要寫成p.style1{padding:5px 6px 3px 4px}。
可以寫成p.style1{padding-top:5px;padding-right:6px;},
你可能會感覺這樣寫還不如原來那樣好,但你想沒想過,
你的那種寫法重復(fù)定義了樣式,另外你可以不必去找原來的下補白與左補白的值是多少!
如果以后前一個樣式P變了話,你定義的p.style1的樣式也要變。
24、網(wǎng)站越大,CSS樣式越多,開始做前,請做好充分的準(zhǔn)備和策劃,包括命名規(guī)則。頁面區(qū)塊劃分,內(nèi)部樣式分類等。
25、幾個常用到的CSS樣式:
1)中文字兩端對齊:text-align:justify;text-justify:inter-ideograph;
2)固定寬度漢字截斷:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(不過只能處理文字在一行上的截斷,不能處理多行。)(IE5以上)FF不能,它只隱藏。
3)固定寬度漢字(詞)折行:table-layout:fixed; word-break:break-all;(IE5以上)FF不能。
4)<acronym title=”輸入要提示的文字” style=”cursor:help;”>文字</acronym>用鼠標(biāo)放在前面的文字上看效果。這個效果在國外的很多網(wǎng)站都可以看到,而國內(nèi)的少又少。
5)圖片設(shè)為半透明:.halfalpha { background-color:#000000;filter:Alpha(Opacity=50)}在IE6及IE5測試通過,F(xiàn)F未通過,這是因為這個樣式是IE私有的東西;
6)FLASH透明:選中swf,打開原代碼窗口,在</object>前輸入<param name=”wmode” value=”transparent”> 以上是針對IE的代碼。
針對FIREFOX 給<embed> 標(biāo)簽也增加類似參數(shù)wmode=”transparent”
7)在做網(wǎng)頁時常用到把鼠標(biāo)放在圖片上會出現(xiàn)圖片變亮的效果,可以用圖片替換的技巧,也可以用如下的濾鏡:
.pictures img {
filter: alpha(opacity=45); }
.pictures a:hover img {
filter: alpha(opacity=90); } |
|
【收藏】【打印】【進(jìn)入論壇】 |
|
|
|
|
|
|
|