【綜合轉貼】CSS “點 ”“井號”的含義and ID class區別.

來源:互聯網
上載者:User
 
body{       font-family: Arial,sans-serif;       color: #333333;       line-height: 1.166;              margin: 0px;       padding: 0px;}#masthead{       margin: 0;       padding: 10px 0px;       border-bottom: 1px solid #cccccc;       width: 100%;}.feature img{       float: left;       padding: 0px 10px 0px 0px;       margin: 0 5px 5px 0;}
#對應id.對應class不加對應html 標籤1.Class與ID的區別     
 一個Class是用來根據使用者定義的標準對一個或多個元素進行定義的。打個比較恰當的比方就是劇本:一個Class可以定義劇本中每個人物的故事線,你可以通過CSS,Javascript等來使用這個類。因此你可以在一個頁面上使用class="Frodo",class="Gandalf",class="Aragorn"來區分不同的故事線。還有一點非常重要的是你可以在一個文檔中使用任意次數的Class。      至於ID,通常用於定義頁面上一個僅出現一次的標記。在對頁面排版進行結構化布局時(比如說通常一個頁面都是由一個頁首,一個前序,一個內容地區和一個頁尾等組成),一般使用ID比較理想,因為一個ID在一個文檔中只能被使用一次。而這些元素在同一頁面中很少會出現大於一次的情況。      歸納成一句話就是:Class可以反覆使用而ID在一個頁面中僅能被使用一次。有可能在很大部分瀏覽器中反覆使用同一個ID不會出現問題,但在標準上這絕對是錯誤的使用,而且很可能導致某些瀏覽器的現實問題。     在實際應用的時候,Class可能對文字的排版等比較有用,而ID則對宏觀布局和設計放置各種元素較有用。      2.Margin與Padding的區別      兩者都是代替表格最重要的作用->分割塊的好方法,區別在於Margin是不同的Tag間互相隔離的距離而Padding是同一元素中不同內容分割使用,這在表格中最看得清楚。尤其是當對一個地區載入了背景樣式之後,Padding下的內容背景色會發生改變,而Margin則不會有所改變

相關文章

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.