HTML CSS 學習筆記四 塊元素和內聯元素

2021-10-03 06:12:49 字數 927 閱讀 6185

塊級元素在瀏覽器顯示時獨佔一行,能改變寬度和高度

內聯元素在顯示時不獨佔一行,往後排,不能設定寬高

內聯-塊級元素在顯示時不獨佔一行,但是能設定寬高

相互轉換

isplay

: none;

/*隱藏標籤*/

display

: inline /*轉成內聯標籤*/

display

: block /*轉成塊級標籤*/

display

: inline-block /*轉成內聯-塊級標籤*/

水平居中

margin

:0 auto;

/*塊級標籤*/

text-align

:center;

/*內聯標籤,內聯-塊級標籤*/

垂直居中

利用行高

line-height

:(=height)

基線對齊

vertical-align

:middle;

/*把此元素放置在父元素的中部*/

vertical-align 屬性設定乙個元素的垂直對齊方式。

該屬性定義行內元素的基線相對於該元素所在行的基線的垂直對齊。值描述

top把元素的頂端與行中最高元素的頂端對齊

bottom

把元素的底端與行中最低的元素的頂端對齊

text-top

把元素的頂端與父元素字型的頂端對齊

text-bottom

把元素的底端與父元素字型的底端對齊

定位

HTML CSS學習筆記 四

認識css css全稱為 層疊樣式表 cascading style sheets 它主要是用於定義html內容在瀏覽器內的顯示樣式,如文字大小 顏色 字型加粗等。例如 type text css pcss 語法 css 樣式由選擇符和宣告組成,而宣告又由屬性和值組成。選擇符 又稱選擇器,指明網頁中...

html css 行級元素,塊級元素

偽選擇器 hover 行級元素 內聯元素 feature 1.內容決定所站位置 2.不可以通過css改變寬高 display inline 代表元素 span strong em a del 塊級元素 feature 1.獨佔一行 2.可以通過css改變寬高 display block 代表元素 d...

學習筆記 內聯元素 塊元素 內聯塊元素的區別

元素就是標籤,布局中常用的有三種標籤,塊元素 內聯元素 內聯塊元素,了解這三種元素的特性,才能熟練的進行頁面布局。塊元素塊元素,也可以稱為行元素,布局中常用的標籤如 div p ul li h1 h6 dl dt dd等等都是塊元素,它在布局中的行為 支援全部的樣式 如果沒有設定寬度,預設的寬度為父...