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样式的优先级
行内样式 > 内部样式 > 外部样式表