前端基礎div(六)

2022-09-06 05:30:11 字數 1652 閱讀 7710

文件中的乙個部分會顯示為綠色:

<

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是指...