CSS文本,锚伪类选择器以及盒子模型

本文详细介绍了CSS中用于设置文本样式的各种属性,包括文本颜色、行高、字符间距等,并深入探讨了如何利用锚伪类选择器来定义链接的不同状态样式。

CSS文本:

        body{


        /*文本颜色属性:color*/
                color: #f00;


        /*line-height:行高*/
        line-height: 60px;

        /*letter-spacing:字符间距*/
        letter-spacing: 10px;

        /*文本的对其方式*/
        text-align: center;

        /*word-spacing:字间距:shu默认两个组成的叫单词*/
        word-spacing: 10px;


        /*文本修饰
         text-decoration
         常用的属性值
           underline:下划线
           none:没有下划线
          overline:上划线
          line-through:中划线
         * */
        text-decoration: line-through;

        }


锚伪类选择器:

                        /*没有访问过的状态*/
a:link{
font-size: 24px;
color: #f00;
}

/*鼠标访问过的状态:visited:点击了,并且松开的状态*/
a:visited{
font-size: 24px;
color: :#FFFFCC;
text-decoration: none;
}

/*鼠标经过的状态:hover*/
a:hover{
font-size: 24px;
color: #00f;
text-decoration: none; /*文本修饰*/
}

/*鼠标激活状态:active:鼠标点击,但是没有松开的状态*/
a:active{
font-size: 24px;
color: #0f0;
text-decoration: underline;

}


盒子模型:

            盒子模型:div块标签+css进行网页布局

一个盒子属性:

容量:就是给div块标签指定的宽度和高度

      

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值