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