真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網站制作重慶分公司

web前端入門到實戰(zhàn):html常見的塊元素與內聯(lián)(行內)元素用法說明-創(chuàng)新互聯(lián)

html平時常見的塊元素有:div, p, h2, h3, h4等,內聯(lián)元素有:span, a, img等。

成都創(chuàng)新互聯(lián)公司:于2013年創(chuàng)立為各行業(yè)開拓出企業(yè)自己的“網站建設”服務,為1000多家公司企業(yè)提供了專業(yè)的網站制作、網站建設、網頁設計和網站推廣服務, 按需定制由設計師親自精心設計,設計的效果完全按照客戶的要求,并適當?shù)奶岢龊侠淼慕ㄗh,擁有的視覺效果,策劃師分析客戶的同行競爭對手,根據(jù)客戶的實際情況給出合理的網站構架,制作客戶同行業(yè)具有領先地位的。

塊元素的屬性:無論內容是什么,都會獨占一整行。主要用于頁面布局。

內聯(lián)元素的屬性:只占自身大小的元素,不會占用一行。主要用于選中文本設置樣式。

div塊元素僅僅只用于進行頁面布局,它自身不帶任何默認樣式。

span內聯(lián)元素可以用來選中文本設置文本的樣式,其自身不會帶默認樣式。

一般情況下,只使用塊元素包含內聯(lián)元素,而不會使用內聯(lián)元素去包含塊元素。

a元素可以包含任意元素,除了其本身。

p元素不可包含任何的塊元素。

塊元素之div:
div 噫吁嚱,危乎高哉!蜀道之難,難于上青天!蠶叢及魚鳧,開國何茫然!
div 噫吁嚱,危乎高哉!蜀道之難,難于上青天!蠶叢及魚鳧,開國何茫然!
div 噫吁嚱,危乎高哉!蜀道之難,難于上青天!蠶叢及魚鳧,開國何茫然!
div width=300px 噫吁嚱,危乎高哉!蜀道之難,難于上青天!蠶叢及魚鳧,開國何茫然!
div width=500px 噫吁嚱,危乎高哉!蜀道之難,難于上青天!蠶叢及魚鳧,開國何茫然!
塊元素之p:

p 爾來四萬八千歲,不與秦塞通人煙。西當太白有鳥道,可以橫絕峨眉巔。

p 爾來四萬八千歲,不與秦塞通人煙。西當太白有鳥道,可以橫絕峨眉巔。

p 爾來四萬八千歲,不與秦塞通人煙。西當太白有鳥道,可以橫絕峨眉巔。

p width=300px 爾來四萬八千歲,不與秦塞通人煙。西當太白有鳥道,可以橫絕峨眉巔。

p width=500px 爾來四萬八千歲,不與秦塞通人煙。西當太白有鳥道,可以橫絕峨眉巔。

塊元素之h(h2, h3, h4):

h2 蜀道難

h3 蜀道難

h4 蜀道難

h4 width=300px 蜀道難

h4 width=500px 蜀道難

內聯(lián)元素之span:
西當太白有鳥道,可以橫絕峨眉巔。 西當太白有鳥道,可以橫絕峨眉巔。 西當太白有鳥道,可以橫絕峨眉巔。
內聯(lián)元素之a:
地崩山摧壯士死,然后天梯石棧相鉤連。 地崩山摧壯士死,然后天梯石棧相鉤連。 地崩山摧壯士死,然后天梯石棧相鉤連。 地崩山摧壯士死,然后天梯石棧相鉤連。 web前端開發(fā)學習Q-q-u-n: 784783012 ,分享學習的方法和需要注意的小細節(jié),不停更新最新的教程和學習方法 (詳細的前端項目實戰(zhàn)教學視頻,PDF)

效果顯示(默認在谷歌瀏覽器下):

web前端入門到實戰(zhàn):html常見的塊元素與內聯(lián)(行內)元素用法說明

從上面的效果圖中,可以看出,有些塊元素和內聯(lián)元素會自帶默認樣式,比如:p, h2, h3, h4

p自帶默認樣式為:

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

web前端入門到實戰(zhàn):html常見的塊元素與內聯(lián)(行內)元素用法說明

h2自帶默認樣式:

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;
}

web前端入門到實戰(zhàn):html常見的塊元素與內聯(lián)(行內)元素用法說明

h3自帶默認樣式:

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;
}

web前端入門到實戰(zhàn):html常見的塊元素與內聯(lián)(行內)元素用法說明

h4自帶默認樣式:

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ā)學習Q-q-u-n: 784783012 ,分享學習的方法和需要注意的小細節(jié),不停更新最新的教程和學習方法
(詳細的前端項目實戰(zhàn)教學視頻,PDF)

web前端入門到實戰(zhàn):html常見的塊元素與內聯(lián)(行內)元素用法說明

當然還有body元素也會帶默認樣式:

body {
    display: block;
    margin: 8px;
}

web前端入門到實戰(zhàn):html常見的塊元素與內聯(lián)(行內)元素用法說明

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。


當前文章:web前端入門到實戰(zhàn):html常見的塊元素與內聯(lián)(行內)元素用法說明-創(chuàng)新互聯(lián)
URL標題:http://weahome.cn/article/ijehh.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部