#main-column { display: inline; float: left; width: 300px; }
#main-column h1 { margin-bottom: 20px; }
#main-column p { color: #333; }
同時(shí)，樣式修改的維護(hù)也是個(gè)比較麻煩的問題。很多人修改樣式之后就忘記了，結(jié)果后來又發(fā)現(xiàn)修改的樣式導(dǎo)致了頁(yè)面出錯(cuò)，不得不苦苦尋找。因此，為修改的樣式構(gòu)建一個(gè)特殊的格式就很必要了。一種很簡(jiǎn)單的方式是，給修改過的樣式縮進(jìn)，同時(shí)，也可以使用一些注釋（比如"@new"）來做一個(gè)標(biāo)識(shí)。
#sidebar ul li a {
display: block;
background-color: #ccc;
border-bottom: 1px solid #999; /* @new */
margin: 3px 0 3px 0;
padding: 3px; /* @new */
}
總的來說，只有建立一個(gè)合適的樣式指南才會(huì)對(duì)樣式表的可讀性有所幫助。記住，移去每一個(gè)對(duì)你理解文件沒有幫助的樣式指南，避免對(duì)過多的元素使用過多的樣式指南。然后，為了一個(gè)可讀性可維護(hù)性良好的CSS文件而努力吧。不要忘記和webjx.com分享您的經(jīng)驗(yàn)，歡迎參與評(píng)論。
本新聞共 2頁(yè),當(dāng)前在第 2頁(yè) 1 2 |
