二、CSS层叠样式表 2.1 W3C标准 2.2CSS简介 2.2.1如何在HTML页面加入CSS

2.1 W3C标准
W3C标准不是一个技术内容 而是一系列的标准 , 给网站网页提供的标准也被称为web标准。

结构层：HTML，XHTML，HTML5
表现层：CSS2 CSS3
行为层：javascript —js ES5 ES6 typescript

2.2CSS简介
层叠样式表 Cascading Style Sheets
使用css可以控制html页面中的标签，通过标签来设置相应的属性，让标签具备某种特定的样式。

2.21如何在HTML页面加入CSS

1. 行内样式：
   就是在标签的里面添加属性节点 style=”color:red;”

2. 内嵌样式:
   在head标签结束之前 加入
   < style type=”text/css”>
   p{color:blue;}
   < /style>

3. 外链样式:
   Css的内容在html的文件以外,用标签来实现
   一般情况下会在css的文件夹下去建立css文件
   < link rel=“stylesheet” type=“text/css” href="./css/style.css">
   将外部的css文件引入到原本的html页面中
   好处：目前是最常用的一种项目研发方式

4. Css的代码可以重复的使用

5. 更方便研发人员去做维护和更换样式

4.嵌入样式:
Import 关键字的使用
< style type=“text/css”>

   @ import url("./css/main.css");

< /style>
不推荐大家使用第四种方式

行内 内嵌 外链 嵌入 他们的谁的优先级最高。

行内>内嵌>外链>嵌入
优先级：就近原则 离修饰目标越近的样式越优先被显示