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

原文地址:https://www.cnblogs.com/llz1314/p/5721386.html