| |
當(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)入論壇】 |
|
|
|
|
| |
|
|
|
