1、简介
CSS 是一门语言，用于控制网页表现。之前介绍过W3C标准。W3C标准规定了网页是由以下组成：
结构：HTML
表现：CSS
行为：JavaScript
CSS也有一个专业的名字：Cascading Style Sheet（层叠样式表）
CSS具有强大的继承性，允许您继承父元素的样式。 CSS也具有层叠（Cascading）功能，允许多个样式表按特定顺序组合。
CSS还支持媒体查询，允许您为不同的媒体类型（例如打印机或移动设备）定义不同的样式。
2、简单demo
如下面的代码， style 标签中定义的就是css代码。该代码描述了将 div 标签的内容的字体颜色设置为 红色。
1. <!DOCTYPE html> 2. <html lang="en"> 3. <head> 4. <meta charset="UTF-8"> 5. <title>Title</title> 6. <style> 7. div{ 8. color: red; 9. } 10. </style> 11. </head> 12. <body> 13. <div>Hello CSS~</div> 14. </body> 15. </html>
3、如何使用
CSS可以通过三种方式使用：
- 内联样式：在HTML元素的style属性中定义样式：<h1 style="color: blue;">This is a heading</h1>
- 内部样式表：在HTML文档的head部分中定义样式表
1. <head> 2. <style> 3. h1 { 4. color: blue; 5. } 6. </style> 7. </head>
- 外部样式表：在单独的CSS文件中定义样式表，并在HTML文档中通过link标签引用
1. <head> 2. <link rel="stylesheet" type="text/css" href="style.css"> 3. </head>
外部样式表是最常用的CSS使用方式，因为它允许在多个HTML文档中复用相同的样式表
