| |
23、并不是所有樣式都要簡寫：
當樣式表前定義了如p{padding:1px 2px 3px 4px}時，在后續(xù)工程中又增加了一個樣式上補白5px，下補白6px。我們并不一定要寫成p.style1{padding:5px 6px 3px 4px}�？梢詫懗蓀.style1{padding-top:5px;padding-right:6px;},你可能會感覺這樣寫還不如原來那樣好，但你想沒想過，你的那種寫法重復定義了樣式，另外你可以不必去找原來的下補白與左補白的值是多少！如果以后前一個樣式P變了話，你定義的p.style1的樣式也要變。
24、網(wǎng)站越大，CSS樣式越多，開始做前，請做好充分的準備和策劃，包括命名規(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>用鼠標放在前面的文字上看效果。這個效果在國外的很多網(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> 標簽也增加類似參數(shù)wmode=”transparent”
7）在做網(wǎng)頁時常用到把鼠標放在圖片上會出現(xiàn)圖片變亮的效果，可以用圖片替換的技巧，也可以用如下的濾鏡：
Example Source Code
.pictures img {
filter: alpha(opacity=45); }
.pictures a:hover img {
filter: alpha(opacity=90); } |
|
|
| 【收藏】【打印】【進入論壇】 |
|
|
|
|
| |
|
|
|
