CSS基础2

使用style属性的内联CSS

1.内联样式是通过HTML标记的style属性实现的。每个声明由一个属性和一个值构成。例如：   

<h1 style="color:#ccoocc;background-color:#cccccc">标题显示成灰底红字</h1>

   内联样式不常用，它效率不高，会给网页带来额外代码，而且不便维护。

配置嵌入CSS

1.嵌入样式应用于整个网页文档，这些样式放在head部分的<style>元素中。使用XHTML语法时，<style>标记要定义type属性，并向该属性赋值"text/css"，指定CSS MIME类型。例如：

<style>
     body{ backgroud-color:#e6e6fa;color:#191970 }
     h1{ backgroud-color:#191970;color:#e6e6fa }
</style>

   在每个网页的head部分重复编码CSS同样是无效率和难以维护的，更有效的方式是配置外部样式表。

配置外部CSS

1.外部CSS的优点是只需在一个文件中配置样式。这意味着需要修改样式时只需更改一个文件，不必更改多个网页。

2.link元素将外部样式表与网页关联，它位于网页的head部分。

   HTML5中：<link rel="stylesheet" href="文件名.css">

   XHTML中：<link rel="stylesheet" href="文件名.css"  type="text/css"/>

CSS的class、ID和上下文选择符

1.使用class选择符将CSS规则应用于网页中的某一类元素，而不只是应用于某一个元素。设置一类样式时，将类名作为选择符，在类名前添加圆点符号(.)。

2.使用id选择符标识网页上的单个区域，并向其应用一个特定的CSS规则。为某个id配置样式时，要在id名称前添加一个#符号。通常在配置单个元素的时候使用id选择符，配置多个元素的时候使用class。

3.在容器元素的上下文中配置一个元素时，要使用上下文选择符。先列出容器选择符，再列出要配置样式的选择符。例如：

#footer a{ color:#00ff00 }

4.为了获得最大兼容性，要慎重选择类和id名。总是以字母开头，空格不要再任何地方使用，数字、短划线和下划线随便用。

span元素

1.内联的<span>元素在网页中定义一个区域，这个区域在物理上不通过换行符与其他区域分开。若需格式化包含在一个区域中的另一个区域，比如在一个<p>、<blockquote>或<div>元素中的区域，就适合使用<span>标记。

2.W3C提供免费CSS代码校验服务(http://jigsaw.w3.org/css-validator)，检查其中的语法错误。