CSS代碼屬性分組的寫法例子

2024-07-11 08:24:33

字體：大中小

來源：轉載

供稿：網友

前段時間論壇搞的那話題貌似后面沒人討論了，也沒想跟貼了，自己也不是很專業，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
}
這樣寫的好處是不但看起來舒服，而且修改的時候非常方便。由于使用豎排的方法，會出現一些占屏幕很長的樣式（但至少比橫著排一條線看方便），使用這種方法就可以很好地避免了。

上一篇：CSS 控制字符寬度省略號效果兼容瀏覽器

下一篇：css常用布局多行多列