css三种基本选择器介绍及应用

CSS是网页设计中必不可少的一部分，它可以让网页变得更加美观和专业。在CSS中，选择器是非常重要的一部分，它帮助我们选择我们想要样式的HTML元素。在这篇文章中，我们将介绍CSS三种基本选择器。

1.元素选择器

p{
   color: red;
   font-size: 16px;
} 

元素选择器是最基础的选择器，它可以选择特定的html元素。在上面的代码中，我们将所有的段落元素的文字设置为红色，并且设置文字大小为16px。

2.类选择器

.blue{
   color: blue;
} 

类选择器可以通过类名来选择元素，这个类名通过HTML的class属性来指定。在上面的代码中，我们为指定class为“blue”的元素设定文本颜色为蓝色。

3. ID选择器

#header{
   background-color: gray;
} 

ID选择器与类选择器类似，但是它是通过HTML的id属性来指定的。在上面的代码中，我们通过id选择器将背景颜色设置为灰色的元素是一个名为“header”的元素。

以上就是CSS三种基本选择器的介绍以及应用。选择器是CSS中必不可少的一部分，通过选择器，我们可以轻松地为不同的HTML元素指定不同的样式。这是网页设计中不可或缺的一部分。