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

2021-10-10 16:41:54 字數 493 閱讀 6148

1.從上往下排列, 預設寬度佔一行

2.高度、行高、外邊距以及內邊距可以控制

3.可以容納內聯標籤和其他塊標籤

4.常用塊級元素: div, p , h1-h6, ul, ol, li, dt, dd等

1.併排顯示, 預設寬高由內容撐開

2.設定高、寬無效, 但水平方向padding和margin可以設定, 垂直方向的無效

3.行內標籤只能容納文字或者其他行內標籤, 不能巢狀塊元素

4.常用的行內元素: span, a, strong. b. em, i等

1.不獨佔一行, 可以併排顯示

2.預設寬高由內容撐開

3.可以設定所有css屬性

4.常用的行內塊級元素:img  td  input

1.轉換為塊級   display: block;

2.轉換為行內   display: inline;

3.轉換為行內塊級    display:inline-block;

html塊級元素與行內元素

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

html塊級元素與行內元素

塊級元素 1.獨佔一行 2.可以設定width height 3.預設width是父級元素100 4.塊級元素裡可以放塊級元素和行內元素 文字內標籤不能使用塊級元素 行內元素 1.一行可以顯示多個 2.width height設定無效 3.width預設內容的寬度 4.行內元素裡只能放文字或其他行內...

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

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