CSS概述
1.概念:Cascading Style Sheets层叠样式表
(层叠:多个样式可以作用在同一个html元素上,同时生效)
2.好处:
- (1)功能强大
- (2)将内容展示和样式控制分离
(解耦;让分工协作更容易;提高开发效率)
CSS与html结合方式
1.内联样式
在标签内使用style属性指定css代码,例如
<div style="color: red;">hello css</div>
2.内部样式
在head标签内,定义style标签,style标签的标签体内容就是css代码
3.外部样式
1.定义css资源文件
2.在head标签内,定义link标签,引入外部的资源文件
注意:
三种方式的css作用范围越来越大
第一种方式不常用,第二、三种方式常用
第三种格式可以写为
<style>
@import "cs/a.css";
</style>