1,要为HTML直接增加CSS样式,需要在<head>元素中增加开始和结束style标记,并把CSS规则放在其中。
2,CSS包含一些简单语句,称为规则。每个规则为选择的一些HTML元素提供样式。
3,典型的规则包括一个选择器,以及一个或多个属性和值(注:一个属性对应多个值时,每个值之间用空格隔开)。选择器指定规则将应用到哪些元素,每个属性声明以一个分号结束,在属性和相对应的值之间有一个冒汗;规则中的所有属性和值都放在{ }之间。
4,可以使用元素名作为选择器,来选择任意元素(注:在CSS中,不用在元素名字两边加<>)。通过用逗号分隔元素名,可以一次选择多个元素。另外,要在HTML中包含一个样式,最容易的办法就是使用<style>标记。
5,对于HTML以及相当复杂的网站,可能要链接到一个外部样式表,而<link>元素可以用于包含一个外部样式表(例如:<link type="text/css" rel="stylesheet" href="xx..xx.css">)。
6,很多属性都能继承。例如,如果为<body>元素设置了一个可继承的属性,那么<body>的所有子元素都会继承这个属性。但是,通过为你想改变的元素创建一个更特定的规则,能覆盖该元素继承的属性。
7,要在CSS中写注释,只需要把注释包围在/*和*/之间,并且注释可以跨多行。还可以用注释包围CSS,浏览器会将其忽略。
8,可以使用class属性将元素增加到一个类(相当于对某个元素进行分类)。通过在元素名和类名之间加一个“ . ”,可以选择该类中的一个特定元素。如果省略所有元素名,只有一个点,后面是类名,比如使用“.classname”,可以选择属性这个类的所有元素。
9,通过在class属性中放入多个类名,可以指定一个元素属于多个类,类名之间用空格分隔。
10,如果由于两个选择器有相同的特定性而无法解决冲突,这就要利用样式表文件中规则的顺序来解决问题。也就是说,要使用CSS文件中最后列出的规则(最靠后)。
11,可以使用W3C验证工具验证CSS(http://jigsaw.w3.org/css-validator)(注:中文验证地址为:网页验证 (w3school.com.cn))。