建站
咨詢
售后
建站咨詢
新聞中心
html平時常見的塊元素有：div, p, h2, h3, h4等，內(nèi)聯(lián)元素有：span, a, img等。
塊元素的屬性：無論內(nèi)容是什么，都會獨占一整行。主要用于頁面布局。
內(nèi)聯(lián)元素的屬性：只占自身大小的元素，不會占用一行。主要用于選中文本設(shè)置樣式。
div塊元素僅僅只用于進(jìn)行頁面布局，它自身不帶任何默認(rèn)樣式。
span內(nèi)聯(lián)元素可以用來選中文本設(shè)置文本的樣式，其自身不會帶默認(rèn)樣式。
一般情況下，只使用塊元素包含內(nèi)聯(lián)元素，而不會使用內(nèi)聯(lián)元素去包含塊元素。
a元素可以包含任意元素，除了其本身。
p元素不可包含任何的塊元素。
塊元素之div：
div 噫吁嚱，危乎高哉！蜀道之難，難于上青天！蠶叢及魚鳧，開國何茫然！
div 噫吁嚱，危乎高哉！蜀道之難，難于上青天！蠶叢及魚鳧，開國何茫然！
div 噫吁嚱，危乎高哉！蜀道之難，難于上青天！蠶叢及魚鳧，開國何茫然！
div width=300px 噫吁嚱，危乎高哉！蜀道之難，難于上青天！蠶叢及魚鳧，開國何茫然！
div width=500px 噫吁嚱，危乎高哉！蜀道之難，難于上青天！蠶叢及魚鳧，開國何茫然！
塊元素之p：
p 爾來四萬八千歲，不與秦塞通人煙。西當(dāng)太白有鳥道，可以橫絕峨眉巔。
p 爾來四萬八千歲，不與秦塞通人煙。西當(dāng)太白有鳥道，可以橫絕峨眉巔。
p 爾來四萬八千歲，不與秦塞通人煙。西當(dāng)太白有鳥道，可以橫絕峨眉巔。
p width=300px 爾來四萬八千歲，不與秦塞通人煙。西當(dāng)太白有鳥道，可以橫絕峨眉巔。
p width=500px 爾來四萬八千歲，不與秦塞通人煙。西當(dāng)太白有鳥道，可以橫絕峨眉巔。
塊元素之h(h2, h3, h4)：
h2 蜀道難
h3 蜀道難
h4 蜀道難
h4 width=300px 蜀道難
h4 width=500px 蜀道難
內(nèi)聯(lián)元素之span：
西當(dāng)太白有鳥道，可以橫絕峨眉巔。
西當(dāng)太白有鳥道，可以橫絕峨眉巔。
西當(dāng)太白有鳥道，可以橫絕峨眉巔。
內(nèi)聯(lián)元素之a(chǎn)：
地崩山摧壯士死，然后天梯石棧相鉤連。
地崩山摧壯士死，然后天梯石棧相鉤連。
地崩山摧壯士死，然后天梯石棧相鉤連。
地崩山摧壯士死，然后天梯石棧相鉤連。
web前端開發(fā)學(xué)習(xí)Q-q-u-n： 784783012 ，分享學(xué)習(xí)的方法和需要注意的小細(xì)節(jié)，不停更新最新的教程和學(xué)習(xí)方法
（詳細(xì)的前端項目實戰(zhàn)教學(xué)視頻，PDF）效果顯示（默認(rèn)在谷歌瀏覽器下）：
從上面的效果圖中，可以看出，有些塊元素和內(nèi)聯(lián)元素會自帶默認(rèn)樣式，比如：p, h2, h3, h4
p自帶默認(rèn)樣式為：
p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
h2自帶默認(rèn)樣式：
h2 {
display: block;
font-size: 2em;
margin-block-start: 0.67em;
margin-block-end: 0.67em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
h3自帶默認(rèn)樣式：
h3 {
display: block;
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
h4自帶默認(rèn)樣式：
h4 {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
web前端開發(fā)學(xué)習(xí)Q-q-u-n： 784783012 ，分享學(xué)習(xí)的方法和需要注意的小細(xì)節(jié)，不停更新最新的教程和學(xué)習(xí)方法
（詳細(xì)的前端項目實戰(zhàn)教學(xué)視頻，PDF）
當(dāng)然還有body元素也會帶默認(rèn)樣式：
body {
display: block;
margin: 8px;
}
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
分享名稱：web前端入門到實戰(zhàn)：html常見的塊元素與內(nèi)聯(lián)（行內(nèi)）元素用法說明-創(chuàng)新互聯(lián)
新聞來源：http://fisionsoft.com.cn/article/ijehh.html
