Web前端与移动开发之基础选择器.txt

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

网友评论