CSS选择器的三种用法

首先我们需要在html文件中引用外部的css文件

我们在head标签中添加如下代码

这样我们就可以在css文件中DIY自己的样式了～～～

1.标签选择器

书写格式

 

例如我在css文件中写如上代码

/× 每一条样式代码，我们称为声明，所有的声明我们称为声明块×/

那么我html文件中的所有h1标签都会应用这个样式

 

 以下是运行效果：

 

 

 2.类选择器

书写格式

 

 我们需要在书写类名选择器的时候，书写类名前面加一个英文的小数点（.）

然后我们在html中书写代码，只要class属性的属性值为changeRed的都会应用changeRed的样式

 

 另外我们一个class属性可以赋予多个属性值，如图所示，我们书写多个属性值，中间用空格隔开

那么就可以应用多个样式

这一个h1标签可以同时应用changeRed和changeSize的样式

  3.ID选择器

书写格式

 我们需要在书写ID选择器的时候，书写ID值前面加一个英文的井号（#）

这样，只有id值为changeRed的标签会应用该样式

不过与类选择器不同的是，在同一个页面中，一个ID值是独一无二的，只能为一个标签赋予。

 

转载于:https://www.cnblogs.com/stuartrealm/p/10505344.html