CSS简介及引入方式
CSS 介绍
现在互联网前端分为三部分：
- HTML：超文本标记语言，从语义的角度描述页面结构
- CSS：层叠样式表，从审美的角度负责页面样式
- JS：JavaScript，从交互的角度描述页面行为
CSS：层叠样式表。
作用：
给HTML页面标签添加各种样式，定义网页的显示效果。CSS将网页内容和显示样式进行分离，提高显示功能
优势：
1、内容与表现分离
2、网页的表现统一，容易修改
3、丰富的样式，使页面布局更加灵活
4、减少页面的代码量，增加网页浏览器速度，节省网络带宽
5、运用独立页面的CSS，有利于网页被搜索引擎收录
CSS的引入方式
行内样式
<div>
<p style="color: red">我是一个段落</p>
</div>
内接样式
<head>
<style type="text/css">
/*写我们的css代码*/
span{
color: red;
}
</style>
</head>
外接样式-链接式
<head>
<link rel="stylesheet" href="./index.css">
</head>
外接样式-导入式
<head>
<style type="text/css">
@import url('./index.css');
</style>
</head>
CSS样式的优先级
行内样式 > 内部样式 > 外部样式表
