內(nèi)聯(lián)屬性的標(biāo)簽:
內(nèi)聯(lián)標(biāo)簽:
特性:
1、同屬性的標(biāo)簽排在同一排;
2、內(nèi)容撐開(kāi)寬度;
3、不支持寬高,不支持上下的padding和margin;
4、代碼換行被解析(間距大小取決于父級(jí)的font-size);?????
span標(biāo)簽
寫法:<span></span>
雙標(biāo)簽
語(yǔ)義:無(wú)意義
默認(rèn)樣式:無(wú)
strong標(biāo)簽
寫法:<strong></strong>
雙標(biāo)簽
語(yǔ)義:強(qiáng)調(diào)
默認(rèn)樣式:font-weight:bold;
權(quán)重比較高;
em標(biāo)簽
寫法:<em></em>
雙標(biāo)簽
語(yǔ)義:強(qiáng)調(diào)
默認(rèn)樣式:font-style:italic;
權(quán)重比較高;
a標(biāo)簽
寫法:<a href="鏈接網(wǎng)頁(yè)地址" target="打開(kāi)網(wǎng)頁(yè)的方式"></a>
雙標(biāo)簽
語(yǔ)義:超鏈接
默認(rèn)樣式:color、text-decoration、cursor;
溫馨提示:
href屬性:
1、如果鏈接一個(gè)網(wǎng)站地址,一定要加 http://;
2、# 代表鏈接到當(dāng)前頁(yè);
target屬性:
1、_self:默認(rèn),在當(dāng)前窗口打開(kāi);
2、_blank:在新窗口打開(kāi);
內(nèi)聯(lián) 塊 標(biāo)簽:
特性:
1、同屬性的標(biāo)簽排在同一排;
2、內(nèi)容撐開(kāi)寬度;
3、支持所有css樣式;
4、代碼換行被解析(間距大小取決于父級(jí)的font-size);???
img標(biāo)簽
寫法:<img />(圖片的路徑地址)
單標(biāo)簽
語(yǔ)義:圖片默認(rèn)樣式:低版本瀏覽器中有默認(rèn)的邊框;
溫馨提示:
1、路徑地址一定要正確;
2、alt屬性一定要寫(SEO);
標(biāo)簽類型的轉(zhuǎn)換
1、顯示為無(wú):display:none
2、塊屬性:display: block;
3、內(nèi)聯(lián)屬性
a、內(nèi)聯(lián):display: inline;
b、內(nèi)聯(lián)塊:display: inline-block;