CSS 基本语法

CSS 简介

CSS 高级语法

CSS 语法

CSS 法则由两个首要的部门组成：选择器，以及一条或多条声明。

selector {declaration1; declaration2; ... declarationN }

选择器凡是是您必要改变样式的 HTML 元素。

每条声明由一个属性和一个值构成。

属性（property）是您但愿配置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分隔。

selector {property: value}

下面这行代码的浸染是将 h1 元素内的笔墨颜色界说为赤色，同时将字体巨细配置为 14 像素。

在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。

h1 {color:red; font-size:14px;}

下面的表示图为您展示了上面这段代码的布局：

提醒：请行使花括号来困绕声明。

值的差异写法和单元

除了英文单词 red，我们还可以行使十六进制的颜色值 #ff0000：

p { color: #ff0000; }

为了节省字节，我们可以行使 CSS 的缩写情势：

p { color: #f00; }

我们还可以通过两种要领行使 RGB 值：

p { color: rgb(255,0,0); } p { color: rgb(100%,0%,0%); }

请留意，当行使 RGB 百分比时，纵然当值为 0 时也要写百分比标记。可是在其他的环境下就不必要这么做了。好比说，当尺寸为 0 像素时，0 之后不必要行使 px 单元，由于 0 就是 0，无论单元是什么。

记得写引号

提醒：假如值为多少单词，则要给值加引号：

p {font-family: "sans serif";}

多重声明：

提醒：假如要界说不止一个声明，则必要用分号将每个声明分隔。下面的例子展示出怎样界说一个赤色笔墨的居中段落。最后一条法则是不必要加分号的，由于分号在英语中是一个脱离标记，不是竣事标记。然而，大大都有履历的计划师会在每条声明的末端都加上分号，这么做的甜头是，当你从现有的法则中增减声明时，会尽也许地镌汰堕落的也许性。就像这样：

p {text-align:center; color:red;}

你应该在每行只描写一个属性，这样可以加强样式界说的可读性，就像这样：

p { text-align: center; color: black; font-family: arial; }

空格和巨细写

大大都样式表包括不止一条法则，而大大都法则包括不止一个声明。多重声明和空格的行使使得样式表更轻易被编辑：

body { color: #000; background: #fff; margin: 0; padding: 0; font-family: Georgia, Palatino, serif; }

是否包括空格不会影响 CSS 在赏识器的事变结果，同样，与 XHTML 差异，CSS 对巨细写不敏感。不外存在一个破例：假如涉及到与 HTML 文档一路事变的话，class 和 id 名称对巨细写是敏感的。

CSS 简介

CSS 高级语法

(