塊級元素和行級元素的區別

2021-10-21 08:21:48 字數 1003 閱讀 5737

二、行內元素

三、行內塊級元素

四、行內元素轉換塊級元素

總結1、可以設定寬高

2、塊級元素中可以巢狀塊級元素和行內元素

3、塊級元素從新的一行開始

4、塊級元素寬度不設定時預設為100%

...  位址文字

水平分割線

無序列表

有序列表

段落表單

定義列表1、行內元素的寬高不可以控制,寬高取決於內容

2、行內元素只能內嵌行內元素

3、可以設定padding,margin只能設定水平方向

**如下(示例):

加粗加粗

上標下標

斜體斜體

刪除線下劃線

1、可以設定寬高和內外邊距

按鈕

表單select 表單控制項

<

!doctype html>

"utf-8"

>

無標題文件

.block-img

<

!-- 不做改變 -->

"0001.png" alt=

"">

"0001.png" alt=

"">

<

!-- 轉為塊級元素 -->

"0001.png" alt=

"" class=

"block-img"

>

"0001.png" alt=

"" class=

"block-img"

>

效果圖:

在網頁的搭建過程中,要靈活運用各種不同的元素,才可以搭建好乙個整潔的網頁

行級元素和塊級元素

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 按...

行級元素 塊級元素

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