开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第10天，点击查看活动详情

文章概览

CSS基本语法

CSS由选择器和声明块组成，可以把css代码写在head里，使用<style>标签括起来，选择器即可以选中页面中的指定元素，p的作用是选中页面中的所有p元素；声明块是用来为元素指定样式的，声明块也就是大括号里面的内容，声明块由多个样式名和值组成，样式名和值之间使用：连接起来，使用；结尾。

p{
color:red,
font-size:40px,
}

元素选择器是通过标签名来选中指定的元素，id选择器是通过元素的id属性来选中一个元素。但是id不能重复，而class可以给多个元素使用，因此可以使用class属性来为元素分组，这称为类选择器，其作用是根据元素的class属性来选中一组元素。

语法

标签名{}

例子

p{}

语法

#id属性值{}

例子


#box{}

语法

.class属性值

例子

.blue{}

同一个元素也可以属于多个class，class与class之间使用空格隔开即可。

通配选择器可以选中页面中的所有元素。

语法

其作用是选中同时复合多个条件的元素

语法

选择器1选择器2选择器n{}

交集选择器中如果有元素选择器，则必须使用元素选择器开头。

如果需要同时选中多个选择器对应的元素，则可以使用并集选择器。

语法

选择器1，选择器2，选择器n{}

例子

h1,span{}

交集选择器与并集选择器类似，只不过并集选择器是使用，隔开的。