css前哨站-讓你的網站變得更不一樣
css前哨站-讓你的網站變得更不一樣

2018-05-07文章引用自:

HTML裡的元素分成兩種

之前在「學HTML之前一定要知道的重要資訊」中提到元素的組成。在HTML中有非常多的元素,用法也都不一樣。

每個HTML元素都有取決於它是什麼類型的元素的默認顯示值。對於大多數元素的默認顯示值是塊或內聯。SEO

1. Block-level Elements(塊級元素)

總是在新行開始,高度、行高以及頂和底邊距都可控制。如果沒調整寬度他就是畫面的100%,假如沒有css的作用,塊元素會順序以每次另起一行的方式一直往下排。

而有了css以后,我們可以改變這種html的默認布局模式,把塊元素擺放到你想要的位置上去。而不是每次都是另起一行。

常見的Block level elements:

  •  

    指定了獨立的字包含內容

  • 通常是JavaScript動態繪製圖形

  •  

    標籤定義HTML文檔中的一個分區

  •  

    標籤圍繞相關元素繪製一個框

  •  

    標記為文檔的頁腳

  •  

    具有兩個輸入字段和一個提交按鈕的HTML表單

  • -

     

     

    標記用於定義HTML標題

  •  

    元素表示介紹性內容或一組導航鏈接的容器

  •  

    標籤定義了一個列表項

  •  

    標記指定文檔的主要內容

  •  

    標籤定義了一個有序列表

    1.  

      標籤定義了一個段落

    2.  

      標籤定義文檔中的章節、頁眉

    3.  

      標籤定義了一個HTML表格

    4.  

      標籤定義了一個無序列表

      • 標記指定視頻

      2. Inline Elements(內聯元素)

      和其他元素在同一行,高度、行高及頂和底邊距不可改變。寬度就是它的文字或圖片的寬度。內聯元素只能容納文本或者其他內聯元素,常見內聯元素

      另外提到內聯元素,我們會想到有個dispay的屬性是display:inline;這個屬性能夠修復浮動邊界問題。

      常見的Inline elements :