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