一、属性

属性：表示事物的一些特征

属性分为标签属性和样式属性

标签属性：<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文件中，还是以键值对形式书写样式。