一、标签选择器(元素选择器)
标签名
{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 或者
元素名
{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
优点:能快速为页面中同类型的标签统一样式;
缺点:不能设计差异化样式;
二、类选择器
.类名
{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
标签调用的时候用 class=“类名” ;
命名规范:
1.使用中横线,而不使用下划线(js命名使用下划线);
2.不要纯数字、中文等命名, 尽量使用英文字母来表示;
优点:可以为元素对象定义单独或相同的样式;
三、id选择器
#id名
{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
元素的id值是唯一的,只能对应于文档中某一个具体的元素;
小技巧:
W3C标准规定,在同一个页面内,不允许有相同名字的id对象出现,但是允许相同名字的class。
类选择器(class) 好比人的名字, 是可以多次重复使用的;
id选择器 好比人的身份证号码, 全中国是唯一的, 不得重复, 只能使用一次。
四、多类名选择器
可以给标签指定多个类名,从而达到更多的选择目的。
- 样式显示效果跟HTML元素中的类名先后顺序没有关系,受CSS样式书写的上下顺序有关。
- 各个类名中间用空格隔开。
<div class="pink fontWeight font20">
亚瑟</div>
五、通配符选择器
*
{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
作用范围最广,平常用的比较少。