高效整潔css代碼原則-展示頁
2024-09-02 17:17本頁面
【正文】 h1, h2, h3, h4, h5, h6 { fontsize: 100%。宋體39。padding: 0。我使用的 Reset如下:/** 清除內(nèi)外邊距 **/body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, /* structural elements 結(jié)構(gòu)元素 */dl, dt, dd, ul, ol, li, /* list elements 列表元素 */pre, /* text formatting elements 文本格式元素 */form, fieldset, legend, button, input, textarea, /* form elements 表單元素 */th, td, /* table elements 表格元素 */img/* img elements 圖片元素 */{border:medium none。在此建議參考YUI Reset和Eric Meyer的 做法。 padding:0。CSS學(xué)起來并不難，但在大型項(xiàng)目中，就變得難以管理，特別是不同的人在CSS書寫風(fēng)格上稍有不同，團(tuán)隊(duì)上就更加難以溝通，為此總結(jié)了 一些如何實(shí)現(xiàn)高效整潔的CSS代碼原則：1. 使用Reset但并非全局Reset不同瀏覽器元素的默認(rèn)屬性有所不同，使用Reset可重置瀏覽器元素的一些默認(rèn)屬性，以達(dá)到瀏覽器的兼容。但需要注意的是，請(qǐng)不要使用全局 Reset：*{ margin:0。 }這不僅僅因?yàn)樗蔷徛偷托实姆椒?，而且還會(huì)導(dǎo)致一些不必要的元素也重置了外邊距和內(nèi)邊距。我跟Eric Meyer的觀點(diǎn)相同，Reset并不是一成不變的，具體還需要根據(jù)項(xiàng)目的不同需求做適當(dāng)?shù)男薷?，以達(dá)到瀏覽器的兼容和操作上的便利性。margin: 0。}/** 設(shè)置默認(rèn)字體 **/body,button, input, select, textarea {font: 12px/ 39。,tahoma, Srial, helvetica, sansserif。 }em{fontstyle:normal。 }/** 重置超鏈接元素 **/a { textdecoration: none。}a:hover { textdecoration: underline。 }/** 重置圖片元素 **/img{ border:0px。 borderspacing: 0。就像這樣的代碼：.aaabb{margin:2px。}我想即使是初學(xué)者，也不至于會(huì)在實(shí)際項(xiàng)目中如此命名一個(gè)class，但有沒有想過這樣的代碼同樣是很有問題的：My name is}這樣的命名就會(huì)很讓人費(fèi)解。另外還有一種情況，一些固定的樣
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1