DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS代碼屬性分組的寫法例子
CSS代碼屬性分組的寫法例子
編輯:CSS進階教程     

前段時間論壇搞的那話題貌似後面沒人討論了,也沒想跟貼了,自己也不是很專業,SO,現在有點想法就放這兒來。

雖然那貼後來沒人跟了,嘿嘿,不過我倒是這幾天一直在想,在想討論下去還會討論出怎麼個寫/排法。其實CSS代碼的寫法還以考慮一下屬性,也就是屬性分組:控制大小/控制顏色/控制定位……等。肯定不止這麼幾種了,具體的分組完全是看自己的感覺。

比如說:你可以將寬度、高度、行高這幾個屬性放在一行,然後將字體顏色,字體大小,字體加粗這幾個屬性放在一行。

.new_list{
    margin-bottom:6px; padding-top:4px;
    ;height:300px;
    background:white; border:1px solid #D4D4D4;
    color:purple;font-size:13px;font-weight:bold;
}

.art_show{
    display:block;float:right;
    ;height:45px;line-height:24px;
    margin:6px;margin-left:0px;padding:2px;padding-right:10px;
    border:1px solid #d4d4d4;border-left:4px
}

這樣寫的好處是不但看起來舒服,而且修改的時候非常方便。由於使用豎排的方法,會出現一些占屏幕很長的樣式(但至少比橫著排一條線看方便),使用這種方法就可以很好地避免了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved