css的顯示模式

2021-08-25 17:10:58 字數 467 閱讀 8374

1.在html中所有標籤分為兩類,一類是容器級標籤,另一類是文本級標籤

2.在css中所有標籤分為兩類,一類是塊級元素,另一類是行內元素

1.塊級元素會獨佔一行,而行內元素不會獨佔一行

2.容器級元素

div  ul  ol  dl   

文本級元素

p  span  huis  stong  ins   em  del

3.塊級元素:所有的容器級元素都是的

行內元素:除了p,所有的文本級都是的

3.1  塊級元素

會獨佔一行,如果沒有設定寬度,那麼和父元素一樣寬,如果設定了寬高,那麼就按照顯示的來

3.2 行內元素

不會獨佔一行,如果沒有設定寬高,那麼預設和內容一樣寬,行內元素不可以設定寬度和高度

3.3 行內塊級元素

為了能夠讓元素既能夠不獨佔一行,又可以設定高度和寬度,那麼就出現了行內塊級元素,比如img標籤

CSS顯示模式

css顯示模式 塊元素 獨佔一行 高度,寬度,外邊距以及內邊距都能控制 寬度預設是100 是乙個容器及盒子,裡面可以放行內或者塊級元素 行內元素 一行可以顯示多個 寬高無法設定 預設高度是本身內容的寬度 行內元素只能容納文字或行內元素 行內塊元素 寬高可調 一行多個 預設高度是本身內容的寬度 css...

css標籤的顯示模式

塊級元素 block 常見的塊元素,等,最典型的就是div 特點 1 總是從新行開始 2 高度,行高,外邊距以及內邊距都可以控制 3 預設寬度是容器100 行內元素 inline 常見的行內元素,等,最典型的就是特點 1 高度,寬度設定不會顯示效果 2 預設的寬度就是本身內容的寬度 3 和相鄰行內元...

css的元素顯示模式

什麼是元素的顯示模式?元素 標籤 以什麼方式進行顯示 元素顯示模式的分類 html元素一般分為塊元素和行內元素兩種型別 塊元素 ol 等是最經典的塊元素.特點 1.比較霸道 獨佔一行 2.寬.高,外邊距都可以控制 3.是乙個容器及盒子,可以放行內或者塊元素 文字類的元素內不能使用塊級元素 p標籤 存...