CSS基础选择器

  1. CSS选择器作用:选择标签用

  1. 选择器分类:

(1)基础选择器:标签选择器、类选择器、id选择器、通配符选择器

(2)复合选择器:

  1. 标签选择器:html标签名称作为选择器

标签名 {

属性1: 属性值1;

属性2: 属性值2;

}

  1. 类选择器

<style>

.red {

color: red;

}

<div calss="red">变红色</div>

①类不要出现纯数字或中文命名

②命名用web前端开发手册

多类名(用空格隔开,可以把标签样式相同的放在一个类中):<div calss="red font">变红色</div>

  1. id选择器

HTML中以id属性来设置id选择器,CSS中id选择器以#来定义

#id名 {

属性1: 属性值1;

...

}

id(一般与JavaScript搭配使用)只能调用一次,class可以调用多次。

  1. 通配符选择器

表示选取页面·中所有元素(标签)

*{

属性1: 属性值1;

...

}

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值