css编辑查看之样式基本语法结构_css 按照编辑的格式显示-优快云博客

本文深入讲解CSS的基本语法，包括选择符、属性和属性值的概念，以及如何将样式应用于HTML元素，展示网页内容的视觉效果。通过实例演示了p元素的样式设置过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CSS的编辑和查看

CSS跟html一样，同样是文本文件，大家同样可以使用记事本，或者其他的一些开发工具进行源代码编写。

CSS基本语法

CSS样式表示有若干个不同的样式按照一定的规则组成的，然后这些规则可以被应用到不同的html元素身上，从而来定义网页内容的显示效果。

CSS样式中的每一个样式都由三个部分构成：选择符（selector）、属性（property）、属性值（value）

selector{property:value}

selector选择符，在css中选择符的方式非常的多，可以是html中的标签，也可以是标签中的某些属性
Property属性，是指被选择符选择的标签，它自身所包含的属性
Value属性值，被选择符选择的标签，和包含属性的值，在一个css的样式中，属性和属性值通常都是成对出现，多个对之间使用“；”隔开

selector{property:value;property:value;property:value......}

比如：p的样式结构

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    /*p的样式结构*/
    p {
      color:aqua;
      font-size:2em;
    }
  </style>
</head>
<body>
<p>你好啊</p>
</body>
</html>