2013-09-28 41 views
-1

我正在寫我的第一個web site,這是一個有四頁的小文本。每個頁面都有四個常見的結構元素:標題,導航,div id =「content」和頁腳。哪些CSS屬性進入Id,哪些進入類

接下來,我將CSS屬性添加到HTML元素,並且我已經使用ID和類將它們掛鉤到CCS樣式表中。 我有read它是正確的使用ID和類的元素,所以我想知道哪些CSS屬性我必須寫入CSS ID規則和哪些到CSS類規則。

我想舉個例子。我應該寫下面的CSS規則:

.centered_box{ 
    margin: 0 auto; 
    width: 960px; 
} 

,然後將其應用到結構要素:標題,主,頁腳或最好是重複保證金和width屬性到結構元素的ID CSS規則:

header, nav, footer, div#content { 
    margin: 0 auto; 
    width: 960px; 
} 

預先感謝

+0

'#id'和'.class' ..不幸的是,這可能會被關閉.. –

+2

沒有屬於一個不屬於另一個屬性的屬性,只是將屬性放在選擇器中更容易使用 –

+0

如果您正在編寫HTML5,則最有可能無法識別使用class/id的元素。只需使用HTML元素['

'](http://www.w3.org/TR/html-markup/header.html),['

回答

1
  • 您可以使用ID和類也相同屬性的所有屬性。
  • id和class之間的基本區別是,
    • id用於唯一標識元素,您可以使用它的樣式。每個元素都有不同的id(邏輯上)。
    • 對於許多要應用相同樣式屬性的元素,您可以使用類。
  • 查看下面的簡單示例。

    #but {背景顏色:紅;}

    .but1 {背景色:藍色;}

  • 這裏#but是ID,是指具有該ID將具有紅色背景僅單個按鈕。 和.but1是類意味着所有具有此類的按鈕將具有藍色背景色。

+0

我剛剛編輯了我的問題,請問您再閱讀一次。您如何看待示例代碼? –

2

有不特定屬性,類和ID的唯一區別是,ID是要在網頁上使用一次和類將被使用多次

+0

我剛剛編輯了我的問題,你能否再次閱讀。您如何看待示例代碼? –

+0

@ user1820567這沒關係......你只需要使用.class來創建一個通用樣式,就好像你想把兩個單獨的段落轉換成你可以做的特定顏色一樣.example {color:#CCCCCC; }然後在兩個段落中添加該類。但是對於ID,它會標識該元素,因此它只能在網頁上使用一次,這就是您真正需要了解的元素 –

相關問題