【web前端】CSS选择器

选择器:选择标签

标签名后加空格再加花括号

选择器在style中,style在head中

选择器分为基础选择器,复合选择器

 

基础选择器:

1.标签选择器

11ec7bb9e33e4f10b3f7b90f00932e96.jpg

快速为页面中的同类型的标签设置统一的样式

不能差异化设置

 

2.类选择器

单独使用其中一个或者某几个标签

55b5bcec154441ff935bc728e45ba012.jpg

9c492c8c15ae4598a5bb0135ba2d994a.jpg

 类选择器用.来标识,后面跟类名(自定义)

长名称或者词组可以使用短横线来命名

用英文命名,不要纯数字,中文等命名

样式点(.)定义,结构类(class)调用

 

多类名

d51dfc79b892477889fd457d3128c771.jpg

 在标签class属性中可以写多个类名

多个类名之间必须用空格隔开

 

3.id选择器

以#来定义 以id属性来调用

4926c03ff762486a83a2796953e6761e.jpg

 id属性每个html中只能出现一次

 

4.通配符选择器

通配符选择器用*定义,表示选取的页面的所有的元素(标签)

490f75676f6d4268bdcb67337d980da1.jpg

 通配符选择器不需要调用,自动就可以给所有的元素使用样式

86f5fc589a54442aac74421c7a1b2ffd.jpg

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值