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文件相关联的方法有四种,下面我们分别叙述。 

以上就是css规则的基本格式是什么?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读