在 web 开发中，CSS（层叠样式表）是一种用来控制网页样式和布局的语言。通过 CSS，我们可以定义网页的字体、颜色、布局、动画等各种样式，从而让网页呈现出我们想要的效果。
CSS 基本语法
在使用 CSS 时，我们需要遵循一定的语法规则。CSS 的基本语法如下：
selector {
property: value;
}selector用来选择要应用样式的 HTML 元素，可以是标签名、类名、ID 等。property是要设置的样式属性，比如color（颜色）、font-size（字体大小）等。value是属性的值，比如red（红色）、14px（14 像素）等。
内联样式
内联样式是直接在 HTML 元素中使用 style 属性来定义样式的方式。示例代码如下：
<div style="color: red; font-size: 16px;">这是一个红色的文字</div>
在实际开发中，内联样式往往不推荐使用，因为它会导致 HTML 和 CSS 混合在一起，不利于代码维护和复用。
内部样式表
内部样式表是将 CSS 样式写在 <style> 标签中，放在 HTML <head> 标签内的一种方式。示例代码如下：
-- -------------------- ---- -------
------
-------
- -
------ -----
---------- -----
-
--------
-------
------
----------------
-------外部样式表
外部样式表是将 CSS 样式写在一个独立的 .css 文件中，然后在 HTML 文件中通过 <link> 标签引入的一种方式。示例代码如下：
<head>
<link rel="stylesheet" href="styles.css">
</head>styles.css 文件内容如下：
p {
color: green;
font-size: 18px;
}通过外部样式表，我们可以将样式和内容分离，提高代码的可维护性和复用性。
以上就是 CSS 创建的基本方法，下一节将介绍如何选择合适的选择器来应用样式。