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

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

來源：程序員人生發(fā)布時間：2013-12-09 20:10:49 閱讀次數(shù)：3696次

建站學(xué)院文檔 前段時間論壇搞的那話題貌似后面沒人討論了，也沒想跟貼了，自己也不是很專業(yè)，SO，現(xiàn)在有點想法就放這兒來。

雖然那貼后來沒人跟了，嘿嘿，不過我倒是這幾天一直在想，在想討論下去還會討論出怎么個寫/排法。其實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
}

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

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈
程序員人生

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

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

下一篇 Administrator、DB2ADMIN無法訪問Sample數(shù)據(jù)庫的權(quán)限問題

分享到:

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

為碼而活

積分：4237

15粉絲

7關(guān)注

欄目熱點

多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

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