css-grammar

语法格式

选择器 {属性名称 : 属性值; 属性名称 : 属性值;...}
1

语法特点:

• CSS声明总是以键值对(key\value)形式存在。
• CSS声明总是以分号(;)结束。
• 声明组以大括号({})括起来。
• 为了让CSS可读性更强，每行只描述一个属性。

CSS 注释

注释是用来解释你的代码，并且可以随意编辑它，浏览器会忽略它。CSS注释以 /* 开始, 以 */ 结束。

<style type="text/css">
	/* 这是一个注释 */
	div {
		/* 这是另一个注释 */
		color : red;
	}
style>
1
2
3
4
5
6
7

值得注意的问题

值的不同写法和单位

例如在设置字体颜色时，以下几种方式效果相同。

• 第一种方式

#show1 {color : red;}
1

• 第二种方式

#show2 {color : #ff0000;}
1

像上面这种使用十六进制设置颜色时，如果两两相同，可以写成如下格式:

#show2 {color : #f00;}
1

• 第三种方式

#show3 {color : rgb(255,0,0);}
1

上面的格式还可以写成如下格式:

#show3 {color : rgb(100%,0%,0%);}
1

值得注意的是: 当使用 RGB 百分比时，即使当值为 0 时也要写百分比符号。但是在其他的情况下就不需要这么做了。

值为若干单词，记得写引号

div {font-family : Courier, "Courier New", monospace;}
space;}
1
2

多重声明

如果要定义不止一个声明，则需要用分号将每个声明分开。

空格和大小写

大多数样式表包含不止一条规则，而大多数规则包含不止一个声明。多重声明和空格的使用使得样式表更容易被编辑。
undefined
undefined
undefined
undefined
undefined