标签选择器~类选择器~id选择器~通配符选择器~
CSS选择器作⽤(重点):
要想将CSS样式应⽤于特定的HTML元素.⾸先需要到该⽬标元素.在CSS中.执⾏这⼀任务的样式规则部分被称为选择器.
1.标签选择器:
标签选择器是指⽤HTML标签名称作为选择器.按标签名称分类.为页⾯中某⼀类标签指定统⼀的CSS样式.
作⽤:可以把某⼀类标签全部选择出来.⽐如所有的div标签 和 所有的 span标签
语法:
标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 或
元素名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
2.类选择器(重点):
作⽤:可以选择⼀个或者多个标签
⽤法:
.类名 { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
3. id选择器
id选择器使⽤“#”进⾏标识.后⾯紧跟id名.其基本语法格式如下:
#id名 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
该语法中.id名即为HTML元素的id属性值.多数HTML元素都可以定义id属性.元素的id值是唯⼀的.只能对应于⽂档中某⼀个具体的元素⽤法基本和类选择器相同
4.通配符选择器
就是 所有的 他是所有选择器中作⽤范围最⼴的.能匹配页⾯中所有的元素.其基本语法格式如下:
* { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
css选择器分为哪几类基础选择器总结
基础选择器我们⼀共学了4个.每个都有⾃⼰的价值. 可能再某个地⽅都能⽤到.但是如果说.⼀定要个最常⽤的.那么.肯定是类选择器
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论