css中行標(biāo)簽的含義是什么
本篇內(nèi)容介紹了“css中行標(biāo)簽的含義是什么”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！
成都創(chuàng)新互聯(lián)始終致力于在企業(yè)網(wǎng)站建設(shè)領(lǐng)域發(fā)展。秉承“創(chuàng)新、求實(shí)、誠信、拼搏”的企業(yè)精神，致力為企業(yè)提供全面的網(wǎng)絡(luò)宣傳與技術(shù)應(yīng)用整體策劃方案，為企業(yè)提供包括“網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、微信網(wǎng)站建設(shè)、小程序設(shè)計(jì)、成都做商城網(wǎng)站、平臺(tái)網(wǎng)站建設(shè)秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。
css中行是指行內(nèi)標(biāo)簽，行內(nèi)標(biāo)簽不占有獨(dú)立的區(qū)域，僅僅靠自身的字體大小和圖像尺寸來支撐結(jié)構(gòu)，一般不可以設(shè)置寬度、高度、對(duì)齊等屬性，常用于控制頁面中文本的樣式；常見行內(nèi)標(biāo)簽有a、strong、b、em、i、del、s、ins、u、span標(biāo)簽，其中span標(biāo)簽最典型的行內(nèi)元素。
一、概述
1、塊級(jí)標(biāo)簽
概念 每個(gè)塊元素通常都會(huì)獨(dú)自占據(jù)一整行或多整行，可以對(duì)其設(shè)置寬度、高度、對(duì)齊等屬性，常用于網(wǎng)頁布局和網(wǎng)頁結(jié)構(gòu)的搭建。
1)塊級(jí)標(biāo)簽特點(diǎn)
1、每個(gè)塊級(jí)元素都從新的一行開始，并且其后的元素也另起一行(獨(dú)自占據(jù)一整行或多整行)
2、元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。
3、寬度缺省是它的容器的100%，除非設(shè)定一個(gè)寬度。
4、它可以容納行內(nèi)標(biāo)簽和其他塊級(jí)標(biāo)簽。
注意
只有文字才能組成段落因此 p 里面不能放塊級(jí)元素，同理還有這些標(biāo)簽h2,h3,h4,h5,h6,h7,dt，他們都是文字類塊級(jí)標(biāo)簽，里面不能放其他塊級(jí)元素。
2)常見塊級(jí)標(biāo)簽
div、h2~h7、p、hr、form、ul、dl、ol、li 其中div標(biāo)簽是最典型的塊元素。
2、行內(nèi)標(biāo)簽
概念 行內(nèi)標(biāo)簽不占有獨(dú)立的區(qū)域，僅僅靠自身的字體大小和圖像尺寸來支撐結(jié)構(gòu)，一般不可以設(shè)置寬度、高度、對(duì)齊等屬性，常用于控制頁面中文本的樣式。
1)行內(nèi)標(biāo)簽特點(diǎn)
1、和相鄰行內(nèi)標(biāo)簽在一行上
2、高，行高及外邊距和內(nèi)邊距不可改變；
3、默認(rèn)寬度就是它本身內(nèi)容的寬度。
4、設(shè)置margin只有 左右margin 有效，上下無效。設(shè)置padding只有 左右padding 有效，上下則無效。
5、行內(nèi)元素只能容納文本或則其他行內(nèi)元素。（a特殊: a標(biāo)簽可以放div塊級(jí)標(biāo)簽，同時(shí)a標(biāo)簽里不能再放a標(biāo)簽）
2)常見行內(nèi)標(biāo)簽
a、strong、b、em、i、del、s、ins、u、span 其中span標(biāo)簽最典型的行內(nèi)元素。
3、行內(nèi)塊元素
1)行內(nèi)塊元素特點(diǎn)
1、和相鄰行內(nèi)元素（行內(nèi)塊）在一行上,但是之間會(huì)有空白縫隙。
2、默認(rèn)寬度就是它本身內(nèi)容的寬度。
3、高度，行高、外邊距以及內(nèi)邊距都可以控制。
2)常見塊級(jí)標(biāo)簽
img、input、td
4、三只之間的轉(zhuǎn)換
它們之間可以通過樣式轉(zhuǎn)換
塊轉(zhuǎn)行內(nèi)：display:inline;
行內(nèi)轉(zhuǎn)塊：display:block;
塊、行內(nèi)元素轉(zhuǎn)換為行內(nèi)塊： display: inline-block;
二、測(cè)試
這里做一個(gè)綜合小測(cè)試：完整代碼
運(yùn)行結(jié)果
通過這個(gè)運(yùn)行結(jié)果可以很明顯的得出以下結(jié)論
“css中行標(biāo)簽的含義是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！
當(dāng)前題目：css中行標(biāo)簽的含義是什么
網(wǎng)站URL：http://m.jiaotiyi.com/article/jchdgh.html