html塊級(jí)元素和行級(jí)元素的區(qū)別是什么

本篇內(nèi)容主要講解“html塊級(jí)元素和行級(jí)元素的區(qū)別是什么”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“html塊級(jí)元素和行級(jí)元素的區(qū)別是什么”吧!

創(chuàng)新互聯(lián)公司專(zhuān)注于市中企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城網(wǎng)站制作。市中網(wǎng)站建設(shè)公司,為市中等地區(qū)提供建站服務(wù)。全流程按需搭建網(wǎng)站，專(zhuān)業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)公司專(zhuān)業(yè)和態(tài)度為您提供的服務(wù)

行內(nèi)、塊狀元素區(qū)別：

1.行內(nèi)元素與塊級(jí)函數(shù)可以相互轉(zhuǎn)換，通過(guò)修改display屬性值來(lái)切換塊級(jí)元素和行內(nèi)元素，行內(nèi)元素display：inline，塊級(jí)元素display：block。

2.行內(nèi)元素和其他行內(nèi)元素都會(huì)在一條水平線上排列，都是在同一行的；塊級(jí)元素卻總是會(huì)在新的一行開(kāi)始排列，各個(gè)塊級(jí)元素獨(dú)占一行，垂直向下排列，若想使其水平方向排序，可使用左右浮動(dòng)（float：left/right）讓其水平方向排列。

3.行內(nèi)元素不可以設(shè)置寬高，寬度高度隨文本內(nèi)容的變化而變化，但是可以設(shè)置行高（line-height），同時(shí)在設(shè)置外邊距margin上下無(wú)效，左右有效，內(nèi)填充padding上下無(wú)效，左右有效；塊級(jí)元素可以設(shè)置寬高，并且寬度高度以及外邊距，內(nèi)填充都可隨意控制。

4.塊級(jí)元素可以包含行內(nèi)元素和塊級(jí)元素，還可以容納內(nèi)聯(lián)元素和其他元素；行內(nèi)元素不能包含塊級(jí)元素，只能容納文本或者其他行內(nèi)元素。

為了幫助大家讓學(xué)習(xí)變得輕松、高效，給大家免費(fèi)分享一大批資料，幫助大家在成為前端工程師，乃至全棧工程師的路上披荊斬棘。在這里給大家推薦一個(gè)前端全棧學(xué)習(xí)交流圈：784783012 歡迎大家進(jìn)群，學(xué)習(xí)交流，共同進(jìn)步。
當(dāng)真正開(kāi)始學(xué)習(xí)的時(shí)候難免不知道從哪入手，導(dǎo)致效率低下影響繼續(xù)學(xué)習(xí)的信心。
但最重要的是不知道哪些技術(shù)需要重點(diǎn)掌握，學(xué)習(xí)時(shí)頻繁踩坑，最終浪費(fèi)大量時(shí)間，所以有效資源還是很有必要的。

行內(nèi)、塊狀元素特點(diǎn)

在標(biāo)準(zhǔn)文檔流里面，塊級(jí)元素具有以下特點(diǎn)：

①總是在新行上開(kāi)始，占據(jù)一整行；
②高度，行高以及外邊距和內(nèi)邊距都可控制；
③寬帶始終是與瀏覽器寬度一樣，與內(nèi)容無(wú)關(guān)；
④它可以容納內(nèi)聯(lián)元素和其他塊元素。

行內(nèi)元素的特點(diǎn)：

①和其他元素都在一行上；
②高，行高及外邊距和內(nèi)邊距部分可改變；
③寬度只與內(nèi)容有關(guān)；
④行內(nèi)元素只能容納文本或者其他行內(nèi)元素。

不可以設(shè)置寬高，其寬度隨著內(nèi)容增加，高度隨字體大小而改變，內(nèi)聯(lián)元素可以設(shè)置外邊界，但是外邊界不對(duì)上下起作用，只能對(duì)左右起作用，也可以設(shè)置內(nèi)邊界，但是內(nèi)邊界在ie6中不對(duì)上下起作用，只能對(duì)左右起作用

塊級(jí)元素有哪些？

address 定義地址
caption 定義表格標(biāo)題
dd 定義列表中定義條目
div 定義文檔中的分區(qū)或節(jié)
dl 定義列表
dt 定義列表中的項(xiàng)目
fieldset 定義一個(gè)框架集
form 創(chuàng)建 HTML 表單
h2 定義最大的標(biāo)題
h3 定義副標(biāo)題
h4 定義標(biāo)題
h5>定義標(biāo)題
h6定義標(biāo)題
h7定義最小的標(biāo)題
hr 創(chuàng)建一條水平線
legend 元素為 fieldset 元素定義標(biāo)題
li 標(biāo)簽定義列表項(xiàng)目
noframes 為那些不支持框架的瀏覽器顯示文本，于 frameset 元素內(nèi)部
noscript 定義在腳本未被執(zhí)行時(shí)的替代內(nèi)容
ol 定義有序列表
ul 定義無(wú)序列表
p 標(biāo)簽定義段落
pre 定義預(yù)格式化的文本
table 標(biāo)簽定義 HTML 表格
tbody 標(biāo)簽表格主體（正文）
td 表格中的標(biāo)準(zhǔn)單元格
tfoot 定義表格的頁(yè)腳（腳注或表注）
th 定義表頭單元格
thead 標(biāo)簽定義表格的表頭
tr 定義表格中的行

行內(nèi)元素有哪些？

a 標(biāo)簽可定義錨
abbr 表示一個(gè)縮寫(xiě)形式
acronym 定義只取首字母縮寫(xiě)
b 字體加粗
bdo 可覆蓋默認(rèn)的文本方向
big 大號(hào)字體加粗
br 換行
cite 引用進(jìn)行定義
code 定義計(jì)算機(jī)代碼文本
dfn 定義一個(gè)定義項(xiàng)目
em 定義為強(qiáng)調(diào)的內(nèi)容
i 斜體文本效果
img 向網(wǎng)頁(yè)中嵌入一幅圖像
input 輸入框
kbd 定義鍵盤(pán)文本
label 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）
q 定義短的引用
samp 定義樣本文本
select 創(chuàng)建單選或多選菜單
small>呈現(xiàn)小號(hào)字體效果
span 組合文檔中的行內(nèi)元素
strong 語(yǔ)氣更強(qiáng)的強(qiáng)調(diào)的內(nèi)容
sub 定義下標(biāo)文本
sup>定義上標(biāo)文本
textarea 多行的文本輸入控件
tt 打字機(jī)或者等寬的文本效果
var 定義變量

可變?cè)?/h4>

可變?cè)貫楦鶕?jù)上下文語(yǔ)境決定該元素為塊元素或者內(nèi)聯(lián)元素

button 按鈕
del 定義文檔中已被刪除的文本
iframe 創(chuàng)建包含另外一個(gè)文檔的內(nèi)聯(lián)框架（即行內(nèi)框架）
ins 標(biāo)簽定義已經(jīng)被插入文檔中的文本
map 客戶(hù)端圖像映射（即熱區(qū)）
object object對(duì)象

注意：塊級(jí)元素可以包含行內(nèi)元素和塊級(jí)元素。行內(nèi)元素不能包含塊級(jí)元素。

到此，相信大家對(duì)“html塊級(jí)元素和行級(jí)元素的區(qū)別是什么”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢(xún)，關(guān)注我們，繼續(xù)學(xué)習(xí)！

分享文章：html塊級(jí)元素和行級(jí)元素的區(qū)別是什么
轉(zhuǎn)載源于：http://bm7419.com/article28/pcegjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、App開(kāi)發(fā)、網(wǎng)站排名、靜態(tài)網(wǎng)站、、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)