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