亚洲乱色熟女一区二区三区丝袜,天堂√中文最新版在线,亚洲精品乱码久久久久久蜜桃图片,香蕉久久久久久av成人,欧美丰满熟妇bbb久久久

塊級標(biāo)簽（block element）

1.獨(dú)占一行，不和其他元素待在同一行，寬度自動填滿父元素寬度。

2.可設(shè)置寬高（width,height）、內(nèi)外邊距屬性（margin,padding）。

有div，p，h1-h6，ul，li，dl（定義列表，跟ul…li類似），dt（定義了定義列表中的項(xiàng)目），dd（定義描述項(xiàng)目的內(nèi)容，跟dt一起搭配）

3.常見的塊級元素

       * address - 地址
　　* blockquote - 塊引用
　　* center - 舉中對齊塊
　　* dir - 目錄列表
　　* div - 常用塊級容易，也是css layout的主要標(biāo)簽
　　* dl - 定義列表
　　* fieldset - form控制組
　　* form - 交互表單
　　* h1 - 大標(biāo)題
　　* h2 - 副標(biāo)題
　　* h3 - 3級標(biāo)題
　　* h4 - 4級標(biāo)題
　　* h5 - 5級標(biāo)題
　　* h6 - 6級標(biāo)題
　　* hr - 水平分隔線
　　* isindex - input prompt
　　* menu - 菜單列表
　　* noframes - frames可選內(nèi)容，（對于不支持frame的瀏覽器顯示此區(qū)塊內(nèi)容
　　* noscript - 可選腳本內(nèi)容（對于不支持script的瀏覽器顯示此內(nèi)容）
　　* ol - 排序表單
　　* p - 段落
　　* pre - 格式化文本
　　* table - 表格
　　* ul - 非排序列表

行級標(biāo)簽（內(nèi)聯(lián)元素 inline element）

1.行級標(biāo)簽又稱為內(nèi)聯(lián)標(biāo)簽，行級標(biāo)簽不會單獨(dú)占據(jù)一行，設(shè)置寬高（width,height）無效。

2.行內(nèi)內(nèi)部可以容納其他行內(nèi)元素，但不可以容納塊元素。
有span、strong、em、b、i、input、a、img、u（下劃線），em(強(qiáng)調(diào))，i(斜體)，sub(下標(biāo)),sup(上標(biāo))等。

3.行內(nèi)元素的水平方向的padding-left和padding-right都會產(chǎn)生邊距效果，但是豎直方向上的padding-top和padding-bottom都不會產(chǎn)生邊距效果。

4.常見的行級標(biāo)簽有span,   strong,   em,  br,  img ,  input,  label,  select,  textarea,  cite。

行內(nèi)塊標(biāo)簽（inline-block element）

1、能和其他元素待在一行

2、能設(shè)置寬高

有<img>，<input>，<textarea>等

a - 錨點(diǎn) 

b - 粗體(不推薦)

br - 換行

em - 強(qiáng)調(diào)

font - 字體設(shè)定(不推薦)

i - 斜體

img - 圖片

input - 輸入框

label - 表格標(biāo)簽

select - 項(xiàng)目選擇

small - 小字體文本

span - 常用內(nèi)聯(lián)容器，定義文本內(nèi)區(qū)塊

strike - 中劃線 

strong - 粗體強(qiáng)調(diào) 

sub - 下標(biāo) 

sup - 上標(biāo)

textarea - 多行文本輸入框 

tt - 電傳文本 

u - 下劃線

行塊級標(biāo)簽相互轉(zhuǎn)化

通過css樣式中的displiay屬性對行塊級標(biāo)簽進(jìn)行相互轉(zhuǎn)換，屬性值中inline（元素以行內(nèi)標(biāo)簽進(jìn)行展示），block（元素以塊級標(biāo)簽進(jìn)行展示），inline-block（元素以行內(nèi)塊級標(biāo)簽進(jìn)行展示）。

 display屬性

可變元素可變元素為根據(jù)上下文語境決定該元素為塊元素或者內(nèi)聯(lián)元素。

* applet - java applet

* button - 按鈕

* del - 刪除文本 

* iframe - inline frame 

* ins - 插入的文本 

* map - 圖片區(qū)塊(map) 

* object - object對象 

* script - 客戶端腳本

參考文章：

https://www.cnblogs.com/Jackie0714/p/4923639.html

https://blog.csdn.net/natalie86/article/details/42584321?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-4.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-4.channel_param

https://blog.csdn.net/nanjinzhu/article/details/82716522

閱讀原文：原文鏈接