@[toc] CSS概念 CSS全称 Cascading Style Sheets 层叠样式表层叠：多个样式可以作用在同一个html的元素上，同时生效 好处 功能强大 将内容展示和样式控制分离 降低耦合度。解耦 让分工协作更
@[toc]
CSS概念
CSS全称 Cascading Style Sheets 层叠样式表层叠：多个样式可以作用在同一个html的元素上，同时生效
好处
- 降低耦合度。解耦
- 让分工协作更容易
- 提高开发效率
CSS的使用：CSS与html结合方式
内联样式
在标签内使用style属性指定css代码
如：<div style="color:red;">hello css</div>
内部样式
在head标签内，定义style标签，style标签的标签体内容就是css代码如：
<style> div{ color:blue; } </style> <div>hello css</div>外部样式
如：a.css文件：
div{ color:green; } p{ color: red; font-size: 30px } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- <link rel="stylesheet" href="css/a.css">--> <style> @import "css/a.css"; </style> </head> <body> <!-- 外部样式 1. 定义css资源文件。 2. 在head标签内，定义link标签，引入外部的资源文件 --> <div>hello css</div> <div>hello css</div> <p>我四十米的大刀已经准备好了，我允许你先跑39米</p> </body> </html>效果如下：