一、通配符选择器
通配符选择器常用 ‘*’ 号表示，它是所有选择器里作用范围最广的，能匹配页面中所有的元素。
基本语法格式：*{ 属性1：属性值1；属性2：属性值2；}
二、标签选择器
标签选择器是指用HTML标记名称作为选择器，按标记名称分类，为页面中某一类标签指定统一的CSS样式。
基本语法格式：标签名{ 属性1：属性值1；属性2：属性值2；}
所有的HTML标记名都可以作为标签选择器，例如a、body、p、h1等等。用标签选择器定义的样式对页面中该类型的所有标签都有效。
三、类选择器
类选择器使用**‘.’**(英文点号)进行标识，后面紧跟类名。
基本语法格式：.类名{ 属性1：属性值1；属性2：属性值2；}
该语法中，类名即为HTML元素的class属性值，大多数HTML元素都可以定义class属性
四、id选择器
id选择器使用**‘#’**进行标识，后面紧跟id名。
基本语法格式：#id名{ 属性1：属性值1；属性2：属性值2；}
该语法中，id名即为HTML元素的id属性值，大多数HTML元素都可以定义id属性，元素的id值是唯一的，只能对应于文档中某一个具体的元素。
五、属性选择器
属性选择器可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性。
语法格式：[标签名称] { 属性1：属性值1；属性2：属性值2；}
选择器优先级：id选择器>class选择器>元素选择器>通配符选择器
<style>
<!-- 选择器优先级：id选择器>class选择器>元素选择器>通配符选择器 -->
<!-- 内部样式表 -->
/* 元素选择器 */
p{
color: pink;
}
/* id选择器 */
#one{
color: skyblue;
}
#two{
color: antiquewhite;
}
/* class选择器 */
.three{
color: tomato;
}
/* 通配符选择器 */
*{
/* background-color: blue; */
}
</style>
<body>
<h1 id="title">这是个标题</h1>
<p>我是第一段文字</p>
<p id="one">我是第二段文字</p>
<p class="two" id="one">我是第三段文字</p>
</body>
CSS盒子边框
边框：border
外边距：margin
内边距：padding
扫一扫
214
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
