CSS是Cascading Style Sheets的英文缩写,即层叠样式表。CSS是一种标记语言,不需要编译,可以由浏览器执行。CSS用来控制页面的显示样式。
CSS的语法很简单,它使用一组英语词來表示不同的样式和特征。 一个样式表有一组规则组成,每个规则提议涂改"选择器"(sekector)和一个定义部分组成,每个定义部分包含一组有半形分号(;)分离的定义,这组定义放在一对大括弧({ })直接,每个定义有一个特性,一个半形冒号(:)和一个值组成选择器(Selector):通常为文件中的元素(element),如HTML中的
,,等标签,多个选择器可以半形逗号(,)隔开。属性(property):CSS1、CSS2、CSS3规定了许多的熟悉,目的在控制选择器的样式。
值(value):指属性接受的设定值,可由各种关键词组成,多个关键词大都已空格隔开。
要针对没有标签定义范围进行样式设定时,可利用code>
与标签
例子:
P{ font-size: 110%;font-family: garamond, sans-serif;}
H2{ color: red;background: white;}
.highlight{color: red;background: yellow;font-weight: bold;}
在这个例子里有三个选择器:P、H2和.highlight,color: red是一定义,其中color是属性,red是color的值。
在这里HTML种的结构P(段落)和H2(二级标题)获得了不同的样式,每个段落的字体的大小比包含这个段落的结构的姿态的大小要大10%,其中字形是Garamond,假如Garamond沒有的话,那么使用一般的sans-serif字形。2级标题的字用红色,底面是白色的,这个例子中的第三个规则规定了一个class的样式,通过class属性每个HTML结构都可以被指定为这个class,例如:
这个段落将被显示为黄底红字粗体。
显示为
这个段落将显示为黄底红字粗体。
CSS档内也可以包含注释,注释以结尾,例如:
CSS缩写规则
使用 CSS 缩写可以减少 CSS 文件的大小,并使其更为易读常用 CSS 缩写语法总结,例如:
1. 颜色缩写:16 进制的色彩值,如果每两位的值相同,可以进行缩写,例如:
- 000000 可以缩写为 #000,#336699 可以缩写为 #369;
2. 盒尺寸缩写:Property: Value1 Value2 Value3 Value4;四个值依次表示 Top,Right,Bottom,Left
3. 边框缩写
边框的属性如下:
border-width: 1px; border-style: solid; border-color: #000;
可以缩写为一句:border: 1px solid #000;
4. 背景缩写
background-color: #F00; background-image: url(Background.gif); background-repeat: no-repeat; background-attachment: fixed; background-position: 0 0;

