属性表示一些事物的特征 ： 标签属性 跟样式属性
它们的区别在于 标签属性 写在标签内
样式属性 在style内
选择器： 标签选择器 （权重为1） 子代选择器 {子代选择器只有一层关系}
id选择器 （权重为100） 后代选择器 {父代选择器有多层关系 包括一层}
class选择器 （权重为10） 交集选择器 {交集选择器指一个事物有俩种起名方式}
<!DOCTYPE HTML>
<HTML>
<head>
<meta charset="UTF-8'>
<tilte></tilte>
<style>
p{color:red;}爷爷
#a1{color:red;}爸爸
p>a{color;blue}儿子
#a2{color:red;}
.a3{color;blue;}
</style>
<body>
<p>
爷爷
<a id=“a1”>爸爸
<a>儿子</a>
</a1>
</p>
<p id="a2" class="a3">交集选择器</p>
</body>
</head>
</html>
css 又成为层叠样式表 给HTML添加样式
网页中引入style的样式 权重为1000
1 行间样式 将style当作属性写入标签内
列如：<p style="color:red;">你好</p>
2 行内样式 将style当作标签写入head间
列如：<head>
<meta charset="UTF-8">
<style type="text/css">
p{ color:blue；}
</style>
</head>
3 外部引用 将style当作文件使用 （css）
列如 ：<link type="text(文件类型/css rel: "stylesheet样式表" href文件路径=./css>
4嵌入式 <p>命名为
如<p di"a1">你好</p> 新建css文件 #a1{color: red;}
@import url