文件中的乙個部分會顯示為綠色:
<div
style
="color:#00ff00"
>
<
h3>this is a header
h3>
<
p>this is a paragraph.
p>
div>
所有主流瀏覽器都支援 標籤。
可定義文件中的分割槽或節(division/section)。
標籤可以把文件分割為獨立的、不同的部分。它可以用作嚴格的組織工具,並且不使用任何格式與其關聯。
如果用 id 或 class 來標記 ,那麼該標籤的作用會變得更加有效。
是乙個塊級元素。這意味著它的內容自動地開始乙個新行。實際上,換行是 固有的唯一格式表現。可以通過 的 class 或 id 應用額外的樣式。
不必為每乙個 都加上類或 id,雖然這樣做也有一定的好處。
可以對同乙個 元素應用 class 或 id 屬性,但是更常見的情況是只應用其中一種。這兩者的主要差異是,class 用於元素組(類似的元素,或者可以理解為某一類元素),而 id 用於標識單獨的唯一的元素。
在 html 4.01 中,div 元素的 "align" 屬性不被贊成使用。
在 xhtml 1.0 strict dtd 中,div 元素的 "align" 屬性不被支援。
注釋:是乙個塊級元素,也就是說,瀏覽器通常會在 div 元素前後放置乙個換行符。
<body
>
<
h1>news website
h1>
<
p>some text. some text. some text...
p>
...
<
div
class
="news"
>
<
h2>news headline 1
h2>
<
p>some text. some text. some text...
p>
...
div>
<
div
class
="news"
>
<
h2>news headline 2
h2>
<
p>some text. some text. some text...
p>
...
div>
...body
>
正如您看到的,上面這段 html 模擬了新聞**的結構。其中的每個 div 把每條新聞的標題和摘要組合在一起,也就是說,div 為文件新增了額外的結構。同時,由於這些 div 屬於同一類元素,所以可以使用 class="news" 對這些 div 進行標識,這麼做不僅為 div 新增了合適的語義,而且便於進一步使用樣式對 div 進行格式化,可謂一舉兩得。屬性值
描述標籤的 align 屬性" href="" rel="noopener">align
不贊成使用。請使用樣式取而代之。
規定 div 元素中的內容的對齊方式。
標籤支援 html 中的全域性屬性。
標籤支援 html 中的事件屬性。
(六)前端基礎之定位,層級
一,定位 定位 將指定元素放到頁面任意位置 position static 預設值 沒有定位,1 元素出現在正常文件流中 忽略top,left,right,bottom,z index宣告 2 當position非static時可以通過top left,right,bottom 四個屬性來設定元素的...
前端 JS基礎理論總結(六)
迴圈語句while迴圈 語法 while 條件表示式 do.while迴圈 語法 dowhile 條件表示式 實際上這兩個語句功能類似,不同的是while是先判斷後執行,而do while會先執行後判斷,do while可以保證迴圈體至少執行一次,而while不能 for語句,也是乙個迴圈語句,也稱...
網頁前端DIV定位筆記
從以前的table做框架到現在最新的div定位,過程確實不是很適應,總怕出現不少的頁面混亂。在轉型過程中學習了不少東西,與大家共勉 1 怎麼讓div居中 以前用table的時候都是使用align,但現在很多瀏覽器都失效了。使用div css,就很簡單了,給div加上margin 0 auto 0是指...