常見預設行元素型別的標籤主要有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盒子模型的四...