HTML文件流與元素型別基本介紹

2021-10-11 03:24:03 字數 737 閱讀 3809

常見預設行元素型別的標籤主要有span ,strong,em等。其主要特點如下:

不可設定元素寬,高相關屬性。預設寬高為自身所包內容的寬高度(高度主要由line-height決定)。

margin外邊距只對左,右,下方向生效。

padding內邊距只對左,右方向生效。

與其他行元素(包括行內塊元素)在同一行

與同行元素排列時元素間會預設存在間隙(幽靈空白節點)。

可通過設定css屬性display:inline將其他型別元素轉為行元素。

常見預設塊元素型別的標籤主要有div,p,h1~h6,table,form等。其主要特點如下:

可設定元素寬高相關屬性。預設寬度為父元素寬度(所以這種情況下不要重複設定width:100%)。

margin,padding屬性各方向都有效。

每個塊元素預設獨佔一行。

可通過設定css屬性display:block將其他型別元素轉為塊元素。

常見預設行內塊元素型別的標籤主要有img,input,td等。其主要特點如下:

可設定寬高相關屬性,預設為自身內容寬高度。

與其他行元素(包括行內塊元素)在同一行。

margin,padding屬性各方向都有效。

與同行元素排列時元素間會預設存在間隙(幽靈空白節點)。

可通過設定css屬性display:inline-block將其他型別元素轉為行內塊元素。

css脫離文件流html元素位置控制

舉個簡單的例子,脫離文件流就相比我們上學時,將戶口遷移到學校,家鄉沒有留我們的戶口和位置。沒有脫離文件流就相當於,我們雖然走了,但是我們的戶口和位置還在原來的戶籍所在地。html頁面元素類似,沒有脫離文件流的元素會按原來的塊級元素 行內元素來進行排列劃分。脫離文件流的元素排列就不受原來的劃分規則制約...

DTD文件型別和HTML基礎元素

超文字標記語言 包含了頭部 head 和主體 body 兩大部分 head 主要是瀏覽器和搜尋引擎看的 body 使用者主要看到的內容都在這 它是文件型別宣告 html文件 它一般寫在文件的第一行,html標籤之前。doctype分為html5型別和html4型別 html5 所有html型別的文件...

CSSWorld流 元素與基本尺寸

在 css 中的流的特性支撐了自適應屬性,類似於水容器中的元素如同水一樣,按照流的方式排布 1 由於 html 符合流的概念 文件流 2 特殊布局的重建,通過對原有流的破壞,發到應有的效果 3 流向的改變,改變流向影響布局 體現在margin border padding content盒子模型的四...