CSS基本选择器

1.通配选择器

可以选中所有的html元素。

* {

      属性名:属性值;

        }

* {

            color:aqua;

            font-size: 70xp;

        }

2. 元素选择器

作用:为页面中的某种元素统一设置样式

标签名{

        属性名:属性值;

}

  h1 {

            color: green;

            font-style: 100px;

        }

        h2 {

            color: chocolate;

        }

        h3 {

            color: aqua;

        }

        p {

            color: blueviolet;

        }

在一个html文件中,用元素选择器无法实现差异化,就是一个元素的效果都一样。

3.类选择器

作用:根据元素class的值,来选中某些元素。

.类名{

        属性名:属性值;

}

    <p class="say big">我对你说:千山万水总是情,爱我多点行不行</p>

 .say{

            color: red;

        }

         /* 选中页面所有类名为say的类型 */

        .answer{

            color:aqua;

        }

        .big{

            font-size: 60px;

        }

        .bigg{

            font-size: 40px;

        }

 注意:

1.class的值是由我们自己定义的,按照标准:不使用纯数字、不使用中文、尽量使用英文以及数字组合,若有多个单词组成,使用—做链接。

2.一个元素的class属性,能写多个值,要用空格隔开,如:

<p class="say  big">我对你说:千山万水总是情,爱我多点行不行</p>

 4.ID选择器

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值