html css 行級元素,塊級元素

2021-08-21 16:29:09 字數 991 閱讀 6987

偽選擇器:hover

行級元素(內聯元素)

feature:1.內容決定所站位置

2.不可以通過css改變寬高

**:display:inline

代表元素:span strong em a del

塊級元素

feature:1.獨佔一行

2.可以通過css改變寬高

**:display:block

代表元素:div p ul li ol form address

行級塊元素

feature:1.內容決定所站位置

2.可以通過css改變寬高

**:display:inline-block

代表元素:img

title>

type="text/css">

img

style>

head>

src="a.png"

alt="">

src="a.png"

alt="">

src="a.png"

alt="">

src="a.png"

alt="">

div>

body>

html>

觸發問題原因:凡帶有 inline的 元素都有文字特性-4px的間隙

解決辦法:去掉每個< img / >間的空格,不換行,排成一行

src="a.png"

alt="">

src="a.png"

alt="">

src="a.png"

alt="">

src="a.png"

alt="">

行級元素 塊級元素

一.元素分類 行間元素 inline span,strong,em,a,del 塊級元素 block div,p,h1 h6,ul,ol,li,form,address 行塊級元素 inline block img 1.行間元素 內容決定元素所在位置,不可以通過css改變寬高。1234 設定的寬高無...

行級元素和塊級元素

1.行級元素和塊級元素區別 行級元素 不能設定寬高,水平分布。塊級元素 能設定寬高,垂直分布。2.常見行級元素,塊級元素 行級元素 span,a,i 斜體 b 加粗 strong 與b類似,但strong只加粗,b還有重點的意思 不要提及img標籤!該標籤類似於行級塊元素,一行可以放好多,但可以設定...

塊級元素和行級元素

常見的快級元素 p 段落 div 塊級容器 h1 h6 標題 table ul 無序列表 ol 有序列表 form 表單 hr 水平分割線 常見的行級元素 br 換行 strong 粗體強調 input 輸入框 em 強調 img span 內聯容器,定義文字內區塊 常見的可變元素 button 按...