CSS是指层叠样式表(Cascading Style Sheets)，样式定义如何显示HTML元素，样式通常又会存在于样式表中。也就是说把HTML元素的样式都统一收集起来写在一个地方或一个CSS文件里。
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。选择器通常是您需要改变样式的 HTML元素，每条声明由一个属性和一个值组成。属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。CSS声明以分号结尾，声明组被大括号括起来。
selector {
property: value;
property: value;
... property: value
}
p { color:red; text-align:center; } 上面css代码中： 1、p是选择器 2、{color:red;text-align:center;}是声明 3、color是属性名称 4、red是属性值 5、color:red; 被称为一个声明
行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。
示例：
<p style="background-color: red">hello</p>
嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。
示例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div {background:red} </style> </head> <body> <div>hello world</div> </body> </html>
将一个.css文件引入到HTML文件中
示例
1.css文件内容 div {background:red} html文件内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link type="text/css" rel="stylesheet" href="1.css"> </head> <body> <div>hello world</div> </body> </html>
将一个独立的.css文件引入HTML文件中，导入式使用CSS规则引入外部CSS文件，<style>标记也是写在<head>标记中，使用的语法如下：
<style type="text/css"> @import"mystyle.css"; 此处要注意.css文件的路径 </style>
原文：https://www.cnblogs.com/quanloveshui/p/11195476.html