- 概念:
- Cascading Style Sheets 层叠样式表
- 层叠:多个样式可以作用在同一个html的元素上,同时生效
- Cascading Style Sheets 层叠样式表
- 好处:
- 功能强大
- 将内容展示和样式控制分离
- 降低耦合度--解耦
- 让分工协作更加容易
- 提高开发的效率
- CSS的使用:css与html的结合方式
- 内联样式:
- 在标签内使用style属性指定css代码,如<div style="color:red;">hello world</div>,标签和样式还是同时显示出来了,不推荐这样使用css
- 内部样式
- 在head标签内定义style标签,style标签内容就是css的代
- 外部样式
- 内联样式:
在head标签里面定义link标签,引入外部的资源文件
如: <link rel="stylesheet" href="xxx/xxx.css"> 导入css资源文件,在资源文件里面写样式的一些规定,定义css资源文件
***注意:
*1,2,3种方式,css作用范围越来越大
*1方式不常用,后期常用2,3
*第3种格式引入时可以写为:
<style>
@import "css/a.css";
</style>