HTML(8)——CSS选择器

目录

CSS引入方式 

选择器

标签选择器 

类选择器

id选择器

 通配符选择器

CSS层叠样式表是一种样式表语言，用来描述HTML文档的呈现

书写位置：title标签下方添加style双标签，style标签里写CSS代码

<title>css</title>

<style>

  /*选择器*/

  p{

    /*css属性*/

    }

</style>

<p>文字</p>

CSS引入方式 

内部样式表：CSS代码写在style里面

外部样式表：在HTML使用link标签引入单独的CSS文件

<link rel="stylesheet" href="地址">

 行内样式：CSS写在标签的style属性值里

<div style ="color:red";>文字</div>

选择器

作用：查找标签，设置样式

常见的基础选择器

• 标签选择器
• 类选择器
• id选择器
• 通配符选择器

标签选择器 

使用标签名作为选择器，选中同名标签设置相同的样式

类选择器

作用：查找标签，差异化设置标签的显示效果

步骤：

• 定义类选择器  .类名
• 使用类选择器，标签添加class="类名"

class属性可以写多个类名，中间用空格隔开。类名最好见名知意。

id选择器

作用：查找标签，差异化设置标签的显示效果

id选择器一般配合JS使用

步骤：

• 定义id选择器  #id名
• 使用id选择器，标签添加id="id名"

注：同一个id选择器在一个页面只能使用一次

 通配符选择器

作用：查找页面所有标签，设置相同的样式

通配符选择器：*，不需要调用，浏览器自动查找页面所有标签，设置相同的样式

*{

color：red

}