基础选择器-总结

选择器:用来选择要设置样式的元素的一种方式
作用:在一推的元素中选择出我们要设置样式的那一个或者几个

基础(简单)选择器

1.标签选择器
2.类选择器
3.id选择器
4.通配符选择器

标签选择器:
css语法:
选择器{
属性:属性值
}
标签选择器:将标签的名称作为选择器的名字的这样的选择器称为标签选择器
缺点:
1.将页面中同一类标签设置相同的样式,没有差异化

类选择器:
css的语法
选择器{
属性:属性值;
}
.类名{
属性:属性值;
}
类选择器的作用范围:页面中拥有这个类名的元素

类选择器的特点:
1.一个类可以同时被多个元素使用
2,一个元素可以同时拥有多个类名,但是每个类名之间必须用空格隔开

id选择器:
#id名{
属性:属性值
}
页面上元素id属性的值就如同我们每个人的身份证号码,唯一的。
id在css中应用的比较少,主要是在js中使用特别多
类和id的命名规则
1.命名中可以有字母,数字,下划线_,短横线-;
2.命名不能以数字开头
3.命名不能使用单个短横线
4.命名不能使用短横线+数字开头

建议:
1.命名尽可能有意义(见名知意)
2.命名尽可能使用驼峰命名法
驼峰命名法
小驼峰:当有多个单词组成一个词的时候,第一个单词的首字母小写,后面每个单词的字母大写
大驼峰:每个单词的首字母都大写

注意:在开发中约定俗成

通配符选择器(通用选择器):将页面中所有元素通通匹配,添加上相同的样式

通配符选择器一般不推荐使用,因为效率太低了
一般在样式初始化的时候使用通配符选择器
样式初始化:去除浏览器给标签默认添加样式的过程

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值