【文件属性】:
文件名称:Web前端与移动开发之基础选择器.txt
文件大小:2KB
文件格式:TXT
更新时间:2020-07-30 19:04:05
基础选择器
选择器的作用 选择标签
①标签选择器
标签名 {
属性1: 值;
属性2: 值;
}
将当前页面中所有的这个标签名都选择出来 修改样式 不能修改某一个的样式
②类选择器
单独选择一个或某几个标签
.类名 {
属性1: 值;
属性2: 值;
}
口诀:样式点定义 结构类(class)调用 一个或多个 开发最常用
命名规范:长类名中间可用短横线- 下划线_分割
不要使用纯数字、中文等命名,尽量使用英文命名(小写字母) 命名要有意义
多类名选择器
一个类名可以被多个标签调用 一个标签也可以设置多个类名 多各类名样式同样生效
好处:提高css代码的复用性 不需要写很多重复的代码
③id选择器
语法:
#id名 {
属性1: 值;
属性2: 值;
}
id选择器口诀:样式#定义 结构id调用 只能调用一次 别人切勿使用
id选择器和类选择器区别:
类选择器好比人的名字 一个人可以有多个名字 同一个名字也可以被多个人使用
id选择器 身份证全国唯一 不能重复
二者使用次数不同
注意:
只要被选择器选中 设置对应的样式均会生效
如果不同的选择器定义了相同的属性 至于哪个生效由选择器的优先级决定
④通配符选择器 选取页面中所有元素(标签)
* {
属性: 属性值;
}
通配符选择器不需要调用 自动给所有元素使用样式