要想将CSS样式应用于特定的HTML元素,首先需要找到该目标元素。在CSS中,执行这一样式任务的部分被称为选择器。
1.标记选择器
用HTML标记名称作为选择器。
基本语法格式:标记名{属性1:属性值1;属性2:属性值2;}
2.类选择器
使用“.”进行标识,后面紧跟类名。(class)
基本语法格式:.类名{属性1:属性值1;属性2:属性值2;}
3.id选择器
使用“#”进行标识,后面紧跟id名。元素的id值唯一,只能对应于文档中某一个具体的元素。
基本语法格式:#id名{属性1:属性值1;属性2:属性值2;}
4.通配符选择器
使用“*”表示,是所有选择器中作用范围最广的,能匹配页面中所有的元素。
基本语法格式:*{属性1:属性值1;属性2:属性值2;}
例:如下样式能够清除所有HTML标记的默认边距。
*{margin:0; /*定义外边距*/
padding:0; /*定义内边距*/}
案例:
图中,在