H5基础标签

一、字体标签

　　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>————————错