01-css引入方式
css的引入方式
css的引入方式
在HTML中引入css方式总共有三种：
1、行内样式
2、内接样式
3、外接样式
3.1 链接式
3.2 导入式
css介绍
现在的互联网前段分三层：
1、html：超文本标记语言。从语义的角度描述页面结构
2、css：层叠式表。从审美的角度负责页面样式。
3、js：javascript。从交互的角度描述页面行为。
css：cascading style sheet，层叠样式表。css的作用就是给html页面标签添加各种样式，定义网页的显示效果。
简单的一句话：css将网页内容和显示继央视进行分离，提高了显示功能。
css的最新版本css3，我们目前学习的是css2.1
接下来我们要讲一下为什么要使用css。
html的缺陷：
1、不能够适应多种设备
2、要求浏览器必须智能化足够庞大
3、数据和现实没有分开
4、功能不够强大
css有点：
1、使数据和显示分开
2、降低网络流量
3、使整个网站视觉效果一致
4、使开发效率提高了（耦合性降低，一个人负责写html，一个人负责写css）
比如说，有一个样式需要在一百个页面上显示，如果是html来实现，那要写一百遍，现在有了css，只要写一遍。现在html只提供数据和一些空间，完全交给css提供各种各样的样式。
行内样式：
xxxxxxxxxx
<body>
<div>
<p style="color: green">我是一个段落</p>
</div>
</body>
内接样式：
xxxxxxxxxx
<style type="text/css">
span
color: yellow;
}
</style>
外接样式-连接试
xxxxxxxxxx
<link rel="stylesheet" href="./index.css">
外接式-导入试
xxxxxxxxxx
<style type="text/css">
@import url('./index.css');
</style>
