CSS 选择器的常见用法

1.CSS的引入方式

1.1 通过style标签

一般写在head头部信息,作为初始化的意思

但是内嵌的标签优先级会更高

1.2 通过外部链接

<link rel = "stylesheet" href = "[CSS 文件路径 ]" > 式 . 件 . 入 css sheet" href = "[CSS 文件路径 ]" >

然后在CSS文件里初始化

div {

    color : red ;

}

1.3 通过行内标签

  直接写在行内标签内,style作为一个属性

2.CSS选择器

2.1标签选择器

 会选中同一个标签上的所有内容进行CSS的操作

2.2 类选择器

 

这样与标签选择器的区别在于它可以选择行内元素进行修改样式,更加精细

2.3 id选择器

<style>

    #ha {

        color : red ;

  }

</style>

<div id = "ha" >哈哈哈 </div>

 id选择器与类选择器用法上相同,不同的点在于1.用#修饰;2.id在页面里是唯一的,一个页面可以有多个类但是只有一个id

2.4 通配符选择器

*{

}用*号代表所有标签

 但试过发现,如果其他标签被指定的选择器修饰优先级是按指定的精确度来分的

3.CSS中的常用元素属性

CSS 属性有很多, 可以参考文档 :

https://www.w3school.com.cn/cssref/index.asp