CSS样式表的基本语法

css样式表的基本语法

样式表由样式规则组成,这些规则规定浏览器如何显示文档,一个样式(style)的基本语法由3部分组成:selector(选择符)、属性(property)和属性值(value)。

11.2.1 样式表的基本结构

<style></style>标签对之间的所有内容都是样式规则,样式规则的第一部分是选择符,每个选择符都有属性和属性值。

【标签说明】

<style type="text/css"> //样式规则 </style>

说明:文档样式表一般位于 HTML 文件的头部,<head></head>标签对之间,定义的样式规则可用于当前的页面中。

11.2.2 样式规则

CSS 样式表是一组规则,用于定义文档的样式,规则的第一部分称为选择器,每个选择器都有属性及其对应的值。

【标签说明】

选择器{ 属性:属性值;属性:属性值;…}

说明:括在花括号中的部分称为声明,由两部分组成,冒号前面的是属性,冒号后面的是属性值。一个选择器可以有多个属性,可以写在一起,用分号隔开。

【实例】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>使用样式表</title> <style type="text/css"> p{ color:red; font-family:"隶书"; font-size:24} </style> </head> <body> <h3>静夜思</h3> <p>床前明月光</p> <p>疑似地上霜</p> <p>举头望明月</p> <p>低头思故乡</p> </body> </html>

【运行结果】

运行代码可以看到,在标签<p></p>之间的内容全部显示为选择器p规定的样式,如

使用样式表示例

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

CSS样式表的基本语法