Class與ID區(qū)別 margin和padding區(qū)別 CSS學(xué)習(xí)筆記
更新時間：2008年01月08日 12:55:56 作者：
Class與ID區(qū)別 margin和padding區(qū)別 CSS學(xué)習(xí)筆記
由于現(xiàn)在百分之99.99%的CMS都是用div+css來構(gòu)建網(wǎng)頁模板的，被逼無奈，一大把年紀(jì)了還要學(xué)習(xí)CSS，說實(shí)話沒覺得用div來布局比table好在什么地方！但迫于行勢，先硬著頭皮看吧，能學(xué)多少是多少。
根據(jù)數(shù)據(jù)與結(jié)構(gòu)分離的原則，CSS最好要獨(dú)立于網(wǎng)頁文件，用
<link rel="stylesheet" type="text/css" href="../xxx/web.css" />
語句將CSS文件調(diào)入網(wǎng)頁文件，不推薦直接在網(wǎng)頁文件中寫CSS代碼。這么做的優(yōu)點(diǎn)一是修改方便，二是對搜索引擎友好，那些搜索引擎爬蟲爬起來也暢快。
margin和padding屬性
margin和padding屬性可簡單理解為元素的外邊距和內(nèi)邊距：margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom and padding-left
Class與ID區(qū)別
簡單來說一個ID名在一個頁面中只能出現(xiàn)一次而CLASS可以出現(xiàn)多次，當(dāng)然如果一個ID名在一個頁面中出現(xiàn)了兩次，對面頁的外觀不過造成什么影響，只是不符合W3規(guī)范。單一的元素，或需要程序、JS控制的東西，需要用id定義；重復(fù)使用的元素，用class定義。
根據(jù)數(shù)據(jù)與結(jié)構(gòu)分離的原則，CSS最好要獨(dú)立于網(wǎng)頁文件，用
復(fù)制代碼 代碼如下:
<link rel="stylesheet" type="text/css" href="../xxx/web.css" />
語句將CSS文件調(diào)入網(wǎng)頁文件，不推薦直接在網(wǎng)頁文件中寫CSS代碼。這么做的優(yōu)點(diǎn)一是修改方便，二是對搜索引擎友好，那些搜索引擎爬蟲爬起來也暢快。
margin和padding屬性
margin和padding屬性可簡單理解為元素的外邊距和內(nèi)邊距：margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom and padding-left
Class與ID區(qū)別
簡單來說一個ID名在一個頁面中只能出現(xiàn)一次而CLASS可以出現(xiàn)多次，當(dāng)然如果一個ID名在一個頁面中出現(xiàn)了兩次，對面頁的外觀不過造成什么影響，只是不符合W3規(guī)范。單一的元素，或需要程序、JS控制的東西，需要用id定義；重復(fù)使用的元素，用class定義。
相關(guān)文章
關(guān)于target="_blank"去留的問題在網(wǎng)上已經(jīng)被反復(fù)爭議很多次了。有的說要留，有的說要去掉。主張留的一方主要是考慮到target="_blank"的屬性目前來講還沒有一個好的方式來解決，而主張去的一方則拿出了rel與JS的解決方案。2008-06-06
CSS學(xué)習(xí)筆記Padding 屬性中參數(shù)的定義與使用
css padding縮寫技巧2008-05-05
2008-01-01
Firefox2中輸入框丟失光標(biāo)bug的解決方法
在Firefox2中某些情況下輸入框雖然可以輸入，但在獲取焦點(diǎn)時沒有文本輸入光標(biāo)的顯示，這個是非常惡心的bug，非常容易讓表單使用者有一種不能輸入的錯覺，即使后來嘗試知道可以輸入，但也無法判斷光標(biāo)定位在哪兒。2008-05-05
CSS制造：鼠標(biāo)移上去顯示大圖...2006-12-12
id用于標(biāo)識頁面唯一元素，id的名稱是控制某一內(nèi)容塊的手段，通過將某內(nèi)容塊置入div并賦予唯一的id，就可以用CSS選擇器來精確定義每一個頁面元素的外觀表現(xiàn)，包括標(biāo)題、列表、圖片、鏈接或者段落等等。例如你為#header寫一個CSS規(guī)則，就可以完全不同于#content里的圖片規(guī)則。2008-05-05
DIV+CSS布局中不推薦使用的標(biāo)簽集合Dont Use These Tags
DIV+CSS布局中不推薦使用的標(biāo)簽集合Dont Use These Tags...2007-12-12
css 跨瀏覽器實(shí)現(xiàn)float:center
我們都知道float:left和float:right，但是否想過float:center呢？居中浮動。。。2008-08-08
Bootstrap?自帶以下特性：全局的?CSS設(shè)置、定義基本的?HTML?元素樣式、可擴(kuò)展的?class，以及一個先進(jìn)的網(wǎng)格系統(tǒng)。HTML的基本元素均可以通過class設(shè)置樣式并得到增強(qiáng)效果。2023-07-07
兼容Compatible and tested with IE6, IE7, Safari 2, Safari 3, Firefox 2, Opera 9.21的圖片垂直居中效果代碼2008-05-05