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