html塊級元素與行內元素

塊級元素:

1.獨佔一行

2.可以設定width/height

3.預設width是父級元素100%

4.塊級元素裡可以放塊級元素和行內元素

文字內標籤不能使用塊級元素

行內元素:

1.一行可以顯示多個

2.width/height設定無效

3.width預設內容的寬度

4.行內元素裡只能放文字或其他行內元素

鏈結裡不能再放鏈結

行內塊元素：

1.一行可以顯示多個

2.預設寬度是內容的寬度

3.可以設定width/height

algin：對齊屬性

center：和文字居中

top文字顯示在的頂部

bottom文字跟頂部對齊

html塊級元素與行內元素

塊元素一般都從新行開始，它可以容納內聯元素和其他塊元素,常見塊元素是段落標籤 p form 這個塊元素比較特殊，它只能用來容納其他塊元素。如果沒有css的作用，塊元素會順序以每次另起一行的方式一直往下排。而有了css以後，我們可以改變這種html的預設布局模式，把塊元素擺放到你想要 的位置上去。而不...

HTML行內元素 塊級元素 行內塊級

html標籤按照元素種類可以分為行內元素 display inline 塊級元素 display block 和行內塊級元素 display inline block 三種。了解元素種類有利於，我們進行css布局及屬性的使用。也叫內聯元素或內嵌元素，只能容納文字或其他內聯元素。預設特點 示例 關關雎...

HTML重點 行內元素與塊級元素

1.從上往下排列,預設寬度佔一行 2.高度 行高 外邊距以及內邊距可以控制 3.可以容納內聯標籤和其他塊標籤 4.常用塊級元素 div,p h1 h6,ul,ol,li,dt,dd等 1.併排顯示,預設寬高由內容撐開 2.設定高 寬無效,但水平方向padding和margin可以設定,垂直方向的無效...