一、属性
属性：表示事物的一些特征
属性分为标签属性和样式属性
标签属性：<img src="1.jpg" width="200px" heifht="200px"/>
样式属性：<style>
p{
color:red;
}
二者的区别：1、位置不一样 —— 样式属性写在style中 标签属性写在标签内
2、写法不一样 —— 样式属性是属性：属性值，标签属性是属性="属性值"
二、选择器
1、样式到底按什么要求？
由选择器的权重来决定的
注：标签的权重是1， class的权重是10， id的权重是100.
权重是可以叠加的
2、浏览器是如何去执行代码？
浏览器执行代码是从上到下，从左到右。
3、选择器的种类
1）、标签选择器
2）、id选择器
3）、class选择器
4）、后代选择器
p a{
color: red; 标签嵌套多层（包括一层）
}
5）、子代选择器
.pp>a{
color: red; 标签嵌套只有一层关系
}
6）、交集选择器
#p.aa {
color： red；
}
注：千万不能把标签写在后面，如：.app
三、CSS
1、CSS：层叠样式表
目的：是给html添加样式
<style type="text/css"></style>
2、网页中如何嵌套style样式
1）、行间样式：把style当做属性写在标签内
<p style="color: red;">heello</p>
2)、行内样式： 把style当作做标签来用写在head之间
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
p{
color: red; 行内标签
}
</style>
</head>
3）、把style当做CSS文件来用。外部引用
<link type="text/css" rel="stylesheet" href="./01.css">
注：rel和href是必不可少的
双标签 必须写结束标签，p可以忽略结束标签
3、CSS的三种引入方式：
1）、行间样式：把style当做属性来使用，键值对在属性值中该怎么用就怎么用；
2）、行内样式：把style当做标签来使用，键值还是老样子；
3）、外部引入：将样式写在CSS文件中，还是以键值对形式书写样式。