html中 一条样式规则,css规则的基本格式是什么？

CSS(Cascading Styel Sheet)是控制 Web 页面外观的一系列格式设置规则,是网页设计必不可少的工具之一。下面我们就开始学习css的基本语法格式。

css规则的基本格式是什么？

层叠样式表是一个完全的纯文本文件，通常以“css”为扩展名作为单独的文件来使用，它的内容包含了一组告诉浏览器，如何安排与显示特定的html标签中内容的规则，CSS定义规则由三个部分构成：选择符，属性和属性的取值。语法如下：

语法：selector { property: value }

//选择符 { 属性： 值 }

说明：

1、选择符

选择符是要定义样式的html标记，将html标记作为选择符定义后，则在html页面中该标记下的内容，会按照CSS定义的规则发生改变。

2、属性

CSS属性指的是在选择符中要改变的内容，常见的有：字体属性，颜色属性，文本属性等。下面就是我们定义的一个样式表。@charset"gb2312";

body {

font-family: "宋体";  font-size: 20px;  color: #FF0000;

}

p {

font-family: "宋体";  font-size: 30px;  color: #FF00ff;

}

在这个样式表中：

@charset"gb2312";表示使用中文国标字符集。

body 和 p 是 html 中的两个标签，对这两个标签设置了三种样式，即：font-family: 指定字体的字型。

font-size: 指定字体的大小。

color: 指定字体的颜色。

上面我们定义了一个样式表，下一步的任务是如何把这个样式表和html文件相关联，使html文件按照我们定义的样式显示出来，与html文件相关联的方法有四种，下面我们分别叙述。