CSS常用标签

1、CSS的三种导入样式

内部样式：<style>css样式代码，每一个声明，最好都用分号结尾

语法：

选择器{

声明1;

声明2;

……

}

引用外部样式：<link rel="stylesheet" href=" ">将css样式导入html中

行内样式：直接在需要增加样式得标签元素中添加style属性，编写样式即可，如果有多个样式，用分号结尾

优先级：就近原则

2、选择器

        2.1 基本选择器

标签选择器：会选择到页面上所有的标签

<style>
 选择器{
    声明1
    声明2
}
</style>

类选择器：.加class名称，如果是同一个class类里边，都会引用所写样式

<style>
 .class名称{
   声明1
   声明2
}
</style>

ID选择器：#加id名称，不能多个使用，必须保持唯一

<style>
 #ID名称{
   声明1
   声明2
}
</style>

优先级：不遵循就近原则；ID选择器>class选择器>类选择器

        2.2层次选择器

后代选择器：在某个元素后面

body p{

}

子选择器：同级下边的元素

body>p{

}

相邻选择器：相邻向下的一个元素

.active +p{
}

通用选择器：选中元素向下的所以元素

.active `p{
}