行內塊元素及關係

2022-09-10 12:33:14 字數 506 閱讀 7482

塊內元素:

塊級元素的特點:

①比較霸道,自己獨佔一行。

②高度,寬度、外邊距以及內邊距都可以控制。③寬度預設是容器(父級寬度)的100%。

④是乙個容器及盒子,裡面可以放行內或者塊級元素。

注意:文字類的元素內不能使用塊級元素

標籤主要用於存放文字,因此裡面不能放 塊級元素,特別是不能放< div>。同理,< h1 >~< h6>等都是文字類塊級標籤,裡面也不能放其他塊級元素

行內元素:

行內元素的特點:

①相鄰行內元素在一行上,一行可以顯示多個,高、寬直接設定是無效的。

③預設寬度就是它本身內容的寬度。

④行內元素只能容納文字或其他行內元素。

在行內元素中有幾個特殊的標籤一< img />、<  input />、< td >,它們同時具有塊元素和行內元素的特點。有些資料稱它們為行內塊元素。

行內塊標籤可以共處一行,通過定位來定位在網頁中的位置實現網頁的效果,可以羅列出分類來讓**網頁的人們通俗易懂。

對於塊元素及行內元素及行內塊元素的理解

html中的三類元素 個人見解,希望大佬多多指正,批評指正 2,行內元素 inline 例如 a,strong,b,em,i,span等等,其中span為最典型行內元素。特點 1,不可設定寬高,但他們可以這是水平方向的padding值和margin值 2,新的元素會緊緊相鄰,之間沒有間隙 3,靠自身...

元素(塊 行內 行內塊

塊元素的特點 1.支援所有樣式 2.塊級元素 獨佔一行3.塊級元素預設寬度和父元素一樣 常用塊元素塊級元素 一般 div p ol ul h1 h6 li dl dt dd等都是 初始化 樣式重置 1.實際開發中,我們會把這些預設的樣式在樣式定義開頭清除掉,清除掉這些預設樣式,方便我們寫自己的定義的...

塊元素 行內元素 行內塊元素

塊級元素 一行只能放乙個,可以設定寬度高度,預設為容器的100 可以包含任何標籤 常用元素 div hr p h1 h6 ul ol dl form table 行內元素 一行可以放多個行內元素,不可以直接設定寬度高度,預設為本身內容的寬度,容納文字或其他行內元素 常用元素 span a i em ...