您當前位置：首頁 > web前端 > htmlcss > CSS實例教程：代碼屬性分組的寫法例子

CSS實例教程：代碼屬性分組的寫法例子

來源：程序員人生發布時間：2013-12-09 20:10:49 閱讀次數：3701次

建站學院文檔 前段時間論壇搞的那話題貌似后面沒人討論了，也沒想跟貼了，自己也不是很專業，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
}

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

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

------分隔線----------------------------

上一篇 SQL Server插入記錄后獲取自動增長的列值

下一篇 Administrator、DB2ADMIN無法訪問Sample數據庫的權限問題

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關注

欄目熱點

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

CSS實例教程：代碼屬性分組的寫法例子