Css选择器
选择器是css中选择对象的方法,通常有 标签选择器 类选择器 id选择器 通配符选择器
标签选择器
标签选择器通常用来给某一类标签设置统一的样式
使用方法
标签 {
属性:属性值;
}
/**例如*/
h3 {
color:red;
font-size:16px;
}
作用:可以把某一类的标签快速设置样式,但不能差异化设置
类选择器
类选择器使用"."后跟类名
.类名 {
属性:属性值;
}
优点:可差异化选择, 选择一个或多个,谁应用谁调用。实际中用的最多。
类名的选取
不要使用纯数字,中文,使用英文单词,见名知意
id选择器
id选择器使用#进行标识,后面紧跟id名
基本语法为
#id{
color:red;
font-size:16px;
}
与类选择器的区别
类选择是可以多次重复使用
W3C规定,id不能重复指定对象
id选择器一般应用于唯一元素,与JavaScript配合使用。
通配符选择器
通配符选择器使用”*“,所有选择器中作用范围最广,匹配页面中所有元素。
基本语法格式:
*{
属性:属性值;
}
通常使用以下代码,清除所有html标记的默认边距:
*{
margin:0;
padding:0;
}
尽量不要使用通配符选择器,影响页面渲染速度和响应时间。