Class與ID區別 margin和padding區別 CSS學習筆記

來源:互聯網
上載者:User

由於現在百分之99.99%的CMS都是用div+css來構建網頁模板的,被逼無奈,一大把年紀了還要學習CSS,說實話沒覺得用div來布局比table好在什麼地方!但迫於行勢,先硬著頭皮看吧,能學多少是多少。
根據資料與結構分離的原則,CSS最好要獨立於網頁檔案,用 複製代碼 代碼如下:<link rel="stylesheet" type="text/css" href="../xxx/web.css" />

語句將CSS檔案調入網頁檔案,不推薦直接在網頁檔案中寫CSS代碼。這麼做的優點一是修改方便,二是對搜尋引擎友好,那些搜尋引擎爬蟲爬起來也暢快。
margin和padding屬性
margin和padding屬性可簡單理解為元素的外邊距和內邊距:margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom and padding-left
Class與ID區別
簡單來說一個ID名在一個頁面中只能出現一次而CLASS可以出現多次,當然如果一個ID名在一個頁面中出現了兩次,對面頁的外觀不過造成什麼影響,只是不符合W3規範。單一的元素,或需要程式、JS控制的東西,需要用id定義;重複使用的元素,用class定義。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.