CSS概括

（1）CSS- 层叠样式表单，定义如何显示HTML元素

（2）用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言

（3）当浏览器读到一个样式表时候，他就会按照这个样式表来对文档进行格式化(渲染)

（4）CSS注释：/*这是注释*/

HTML添加CSS

内联方式

1
<div style="background: red"></div>

嵌入方式

1
2
3
4
5
<style>
.test{
	background: red;
}
</style>

链接方式

1
2
3
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

导入方式

1
2
3
<style>
    @import url(style.css);
</style>

CSS 选择器

基础选择器

标签名选择器

1
2
3
标签名 {
    属性: 值; 
}

ID选择器

1
2
3
#id 属性值 { 
	属性: 值; 
}

类选择器

1
2
3
.class 属性值{ 
	属性: 值; 
}

通用选择器

1
2
3
* {
	color: red;
}

复合选择器

后代选择器子

1
2
3
元素1  元素2{
	属性: 值; 
}

元素选择器

1
2
3
元素1 > 元素2 {
	属性: 值; 
}

并集选择器

1
2
3
4
5
选择器 1,
选择器 2,
选择器 n { 
	属性: 值; 
}

属性选择器

属性选择器简介
[属性]选中含有指定属性的元素
[属性=属性值]选中含有指定属性和指定属性值的元素
[属性^=属性值]选中含有指定属性和指定属性值开头的元素
[属性$=属性值]选中含有指定属性和指定属性值结尾的元素
[属性*=属性值]选中指定属性名和含有指定属性值的元素

伪类选择器

1
2
3
选择器:伪类{
	属性:值; 
}