CSS样式中标点符号的作用

双引号 “”

1、同时调用多个class样式，class名称之间用空格分开，两个样式同时起作用。

1

//css代码

2	.aaa { color: #FF3131; }

3	.bbb { text-decoration: underline; }

4

//网页代码

5	<div class="aaa bbb"> </div>

2、在font-family设定字体时，用于定义字体族名称。
如，font-family : “Lucida Grande”, Verdana, 宋体;

1

//css代码

2	.info{font-family : "Lucida Grande", Verdana, 宋体;}

逗号 ,

1、用于分隔css属性参数。如字体定义，并行定义，按序取值：
Font: Tahoma, Verdana, Lucida, Arial, 宋体, sans-serif;

2、一次同时定义多个标签，赋相同的属性：

1

//CSS代码

2	h1, h2, h3, h4, h5, h6 {font-size: medium;}

分号 ；
用于一个CSS定义语句的结束。

斜扛 /

在font缩写“字号与行距”定义中出现。

1

//CSS代码

2	.info{font: 12px/150% bold italic;}

空格

1.用于区分参数定义，如 border-bottom: 1px solid silver;

2.用于标签定义的继承所属关系，如

1

//CSS代码

2	#center p { text-align: left; margin: 15px 0 } ，定义

class ID=”center” 下面的 p 标签属性。

井号 #

在 id 选择器定义中使用，整个页面中只出现一次

1

//css代码

2	#warp { border: none; }

3

//网页代码

4	<div id="warp"></div>

点 .

和上面的#号相对应，用于 class 选择器定义，页面中可反复调用

1

//css代码

2	#red { color: red; }

3

//网页代码

4	<div id="red"></div>