一、字體標簽

　　1.text-indent：首行縮進

　　2.text-decoration：文本修飾（text-decoration：none;除去文字的下劃線；text-decoration：line-through；文字上加刪除線）

　　3.letter-spacing：字母間距

　　4.word-spacing：單詞，文字間距

　　5.font-size：字體大小

　　6.font-weight：字體加重（也叫加粗大小）例：font-weight：100-900，bold；

　　7.font-family:字體類型（“Microsoft YaHei”微軟雅黑字體）

　　8.text-align:center,left,right;文字居中，左對齊，右對齊；（水平方向）

　　9.vertical-align:middle,top,bottom(垂直方向)

　　10.&nbsp:空格符

二、鏈接標簽

　　1.<a href="鏈接網址"></a>

　　2.a標簽下的偽類

　　　　1.a:hover{color:rgb();}鼠標放上去內容變顏色

　　　　2.a:active{color:rgb();}鼠標按下去內容變顏色

　　　　3.a:visited{color:rgb();}鏈接已經被訪問至少一次了

　　　　（改變不一定非的是顏色，也可以是字體大小，字體類型，等等，這里以顏色舉例說明）

　　　　4.link:在沒有任何操作時就已經具備了link條件，即link為瀏覽器默認樣式

　　3.指針樣式

　　　　1.cursor：pointer/text/more·····指針一般樣式

　　　　2.cursor：url（）.pointeer指針變成背景圖片

三、display標簽

　　1.display：block：顯示為塊元素，使內聯元素具備塊屬性標簽的特性

　　2.display：inline：顯示為內嵌，使行塊屬性標簽具備內聯元素的特性

　　3.display：inline-block：（1）使塊元素在一行顯示（2）行內屬性標簽支持寬高（3）沒有寬度的時候內容撐開寬高

　　　　　　　　　　　　　　問題：1.代碼換行被解析???? 2. IE6,IE7不支持塊屬性標簽的line-block

四、標簽嵌套原則

　　1.塊可以包含內聯或某些塊元素，但內元素不能包含塊元素，只能包含內元素

　　　　<div><h1></h1><p></p></div>——————對

　　　　<a href="#"><span></span></a>——————對

　　　　<span><div></div></span>————————錯

　　2.塊級元素不能放在<p>里面

　　　　<p><ol><li></li></ol></p>——————錯

　　　　<p><div></div></p>————————錯

　　3.塊級元素與塊級元素并列，內嵌元素與內嵌元素并列

　　　　<div><h2></h2><p></p></div>————————對

　　　　<div><a href="#"></a><span></span></div>————————對

　　　　<div><h2></h2><span></span></div>————————錯

?

轉載于:https://www.cnblogs.com/llz1314/p/5721386.html

總結

以上是生活随笔為你收集整理的H5基础标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。