2014-12-13 101 views
0

我想知道所有不同類型的div類。我對divs有一點了解。(HTML)Divs的完整列表?

這裏是我會怎麼用一個div,然後自定義使用CSS div的內容的例子。

div .header { 
    font-family: "Bebas"; 
    font-size: 25; 
    font-color: #00FF00; 
    float: right; 
    position: relative; 
    right: 120px; 
    bottom: 1095px; 
} 

所以,如果你沒有關注我的問題,我想知道的是;

  • A.這是否代碼看起來好嗎?
  • B.有多少個div類,它們叫什麼?
  • 和C.有人可以給我一個簡要的解釋,他們是什麼,更具體地說,如何使用它們。

我主要是自學成才的,如果你想知道。

+0

看起來你對HTML/CSS一無所知。在做其他事情之前,你應該開始學習。這裏有一個教程:http://www.w3.org/Style/Examples/011/firstcss – 2014-12-13 19:27:53

回答

0

如前所述,您可以根據需要設置多個div類,但它們不是預設的。我也會推薦做Codecademy教程。

看着你的代碼,你告訴div浮動:正確; - 很好。然後你使用position:relative;接着是右:和底部:值。無論是浮動還是位置,都不需要兩者兼而有之。

您編寫規則的方式可能不是您的意思。它目前正在尋找這一點 -

<div> 
    <div class="header"> 
     <p>Content</p> 
    </div> 
</div> 
  • 與類的頭,這是一個DIV中的元素。

所以你的規則變成您應該刪除的空間 -

div.header { 
    enter code here 
} 
+0

感謝您的幫助,每個人。是的,漂浮在那裏是因爲意外,我意識到我發佈後。 #AmateurHour。感謝您的鏈接,我會檢查出來。我懶得對每個答案都表示「感謝」,所以希望有一個普遍的感謝會做。 :) – Josh 2014-12-14 21:35:25

2

要回答你的問題,你可以有任意多的div。並且您可以指定class或id來標識每個div。只是知道id是唯一的,你不能將同一個id分配給多個元素。

和你的CSS格式是正確的,但我不知道爲什麼你聲明右邊/底部當你的位置是絕對有出浮動的只會渲染。

我建議你去通過一些教程在http://www.codecademy.com。免費。並且不需要任何註冊,除非您想保存您的進度。

0

是的,你寫的代碼看起來不錯。我不知道你打算如何處理這段代碼,所以只用語法就好了。

來到你的子問題,B和C,

div是幾乎沒有特定的任務或目標塊級元素。它們是用於大多數任務的通用元素。塊級元素充當容器,而div是我們獲得的最基本的容器類型。

我們可以使用div存儲其他元素,設計網頁文件和文本和圖像,什麼不正確縮進。

0

讓我們依次回答你的問題之一:

A - 您的代碼看起來不錯(根據您的需要)。

B - 您可以根據需要使用任意數量的div類。

C - 您可以使用div類來描述它的內容,如:div.header,div.body,div.footer等等。 但我推薦使用新的HTML5語義標籤,它很容易,清晰,功能更強大,搜索引擎優化。

欲瞭解更多信息,請檢查以下鏈接www.itibooks.com/html/html5-semantics