网站设计 订阅所有【网站设计】的日志

2.1  基本格式

作者:蛛蛛虎 日期:2008-07-02

字体大小: 小 中 大

2  CSS核心技术之一 定义语法

 从CSS的基本模型可知，CSS的定义是由3个部分构成：选择符（selector）、属性（property）和属性的取值（value）。下面我们来讲解基于该模型，定义CSS的基本语法。包括：

基本格式。

CSS注释。

选择符组。

类选择符。

ID选择符。

包含选择符。

样式表的层叠性。

伪类-动态链接。

2.1  基本格式

CSS的语法很简单，它使用一组英语词来表示不同的样式和特征。

一个样式表由一组规则组成。每个规则由一个"选择符"（selector）和一个定义部分组成。每个定义部分包含一组由分号（;）分离的定义，这组定义放在一对花括号（{ }）之间。每个定义由一个特性、一个冒号（:）和一个值组成。

1）选择符（selector）

通常文档中的元素（element），如HTML中的<body>，<p>，<strong>等标签，多个选择符可以用半角逗号（,）隔开。

2）属性（property）

CSS 1、CSS 2、CSS 3规定了许多的属性，目的是控制选择符的样式。

3）值（value）

指属性接受的设定值，可由各种关键字（keywords）组成，多个关键字时大都以空格隔开。

要针对没有标签定义范围进行样式设定时，可利用<div>与<span>标签。

下面是一个例子：

P{
font-size: 110%;
font-family: garamond, sans-serif;
}
H2{ 
color: red;
background: white;
}
.highlight{
color: red;
background: yellow;
font-weight: bold;
}

在这个例子中有3个选择符：P、H2和.highlight；color: red是一个定义，其中color是属性，red是color的值。

在这里HTML中的结构P（段落）和H2（2级标题）获得了不同的样式。每个段落的字体的大小比包含这个段落的结构的字体的大小要大10%，其字形是garamond，假如garamond没有的话那么使用一般的sans-serif字形。2级标题的字用红色，底面是白色的。这个例子中的第三个规则规定了一个class的样式，通过class属性每个HTML结构都可以被指定为这个class，例如：

<P class="highlight">黄底、红字、粗体显示</P>

 

 

上一节   回书目录   下一节
 
 

上一篇: CSS入门简介二
下一篇: 2.2 CSS注释
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: css
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵　称:
密　码: 游客发言不需要密码.
邮　箱: 支持Gravatar头像.
网　址: 输入网址便于回访.
内　容:
验证码:
选　项:
虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号.