CSS | Smith

CSS的定义是由三部分组成的，包括选择符( selector)、属性( properties)、属性值（value）语法如下：
1
选择器{    属性1:属性值1;    属性2:属性值2;    ……    }
注意：每个属性有一个值，属性和值用冒号隔开。如果要定义不止一一个“属性:属性值”的声明时，需要用分号将每个声明分开，最后一条声明规则可以不加分号（建议每条声明的末尾都加上分号，会减少出错的可能。）

例如：
1
h1{              /*标记选择器h1选中网页的所有<h1>标记*/color :red;      /*设置文字的颜色属性为红色*/font-size:14px;  /*设置文字的大小属性为14像素*/}
注意：css中/* */是注释。

如果属性值由多个单词组成是需要用引号括起来，例如：
1
h2{    font-family: 'New Century Schoolbook' ;}
注意：

包含空格不会影响CSS在浏览器中的工作效果

CSS对大小写是不敏感的

如果涉及与HTML文档一起工作， class类选择器和id选择器对名称的大小写是敏感的。

需要使用几个属性值进行定义，每个属性值之间用逗号隔开，例如：
1
h2{    font-family: Times, ' New Century Schoolbook' ，Georgia;}

1.3 css使用方法

主要有四种方法：内嵌样式、内部样式、使用标记链接外部样式表、使用CSS的@import标记导入外部样式文件。

1.3.1 内嵌样式

内嵌样式指将CSS规则混合在HTML标记中使用的方式。CSS规则作为HTML标记style属性的属性值。例如:
1
<a style="color:red; font-size: 28px;">淘宝</a>
1
<!DOCTYPE html><html><head>	<meta charset="utf-8">	<meta name="viewport" content="width=device-width, initial-scale=1">	<title>样式使用</title></head><body>	<a href="http://www.taobao.com" style="color:red; font-size: 28px;">淘宝</a> <br>	<a href="http://www.taobao.com" >淘宝</a></body></html>
注意：内嵌样式只対其所在的标记起作用，其他的同类标记不受影响。不建以使用这种方法。

1.3.2 内部样式

内嵌样式只能定义某一个标记的样式，如果要对整个网页文档的某个标记进行特定样式定义时，就需要使用内部样式。内部样式一般是在标记中并使用