內(nèi)聯(lián)屬性的標(biāo)簽:
內(nèi)聯(lián)標(biāo)簽:
特性:
1排吴、同屬性的標(biāo)簽排在同一排众眨;
2弊知、內(nèi)容撐開寬度阻逮;
3、不支持寬高秩彤,不支持上下的padding和margin;
4叔扼、代碼換行被解析(間距大小取決于父級(jí)的font-size);?????
span標(biāo)簽
寫法:<span></span>
雙標(biāo)簽
語義:無意義
默認(rèn)樣式:無
strong標(biāo)簽
寫法:<strong></strong>
雙標(biāo)簽
語義:強(qiáng)調(diào)
默認(rèn)樣式:font-weight:bold;
權(quán)重比較高漫雷;
em標(biāo)簽
寫法:<em></em>
雙標(biāo)簽
語義:強(qiáng)調(diào)
默認(rèn)樣式:font-style:italic;
權(quán)重比較高瓜富;
a標(biāo)簽
寫法:<a href="鏈接網(wǎng)頁地址" target="打開網(wǎng)頁的方式"></a>
雙標(biāo)簽
語義:超鏈接
默認(rèn)樣式:color、text-decoration降盹、cursor;
溫馨提示:
href屬性:
1与柑、如果鏈接一個(gè)網(wǎng)站地址,一定要加 http://;
2蓄坏、# 代表鏈接到當(dāng)前頁价捧;
target屬性:
1、_self:默認(rèn)涡戳,在當(dāng)前窗口打開结蟋;
2、_blank:在新窗口打開妹蔽;
內(nèi)聯(lián) 塊 標(biāo)簽:
特性:
1椎眯、同屬性的標(biāo)簽排在同一排;
2胳岂、內(nèi)容撐開寬度编整;
3、支持所有css樣式;
4乳丰、代碼換行被解析(間距大小取決于父級(jí)的font-size)掌测;???
img標(biāo)簽
寫法:<img />(圖片的路徑地址)
單標(biāo)簽
語義:圖片默認(rèn)樣式:低版本瀏覽器中有默認(rèn)的邊框;
溫馨提示:
1产园、路徑地址一定要正確汞斧;
2、alt屬性一定要寫(SEO)什燕;
標(biāo)簽類型的轉(zhuǎn)換
1粘勒、顯示為無: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;