一、CSS应用到网页的三种方式
      行间样式表
      内部样式表
      外部样式表
行间样式表
 行间样式表是所有样式中最为直接的一种，它直接对XHTML标记使用style属性，然后将CSS代码直接写在其中。
如：
<p style=“color:#ff0000;font-size:20px;”>正文内容</p>
内部样式表
 内部样式表与行间样式表相似之处在于，也是将CSS样式编写在页面之中，所不同的是，可以将样式表统一放置在一个固定位置。
内部样式表将CSS写在<head>与</head>之间，并且用<style>和</style>标记进行声明。  
—
书写位置：放在<head>与</head>之间
书写代码：
  <style type=“text/css”>
   CSS代码……
  </style>
为了避免老式浏览器不支持CSS，将CSS代码直接显示在浏览器上，常有<style>与</style>之间加上“<!—”和“-->”XHTML注释
<style type=“text/css”>
 <!--
    CSS代码
 -->
 </style>
外部样式表
 将CSS样式编码单独编写在一个独立文件之中，由网页进行调用，多个网页可以调用同一个样式文件，因此能够实现代码的最大化重用及网站文件的最优化配置。 
二、CSS语法结构  
• CSS的语法结构由三部分组成：选择器（selector）、属性(property)和属性值(value)
• 使用方法：
selector{property:value;}
常按以下形式书写：
Selector{
Property:value;
Property:value;
……
}
选择器：指这组样式编码所要针对的对象，可以是一个XHTML标签，如body,h1,td等，也可以是定义了特定id或class的标签。浏览器将对CSS选择符进行严格的解析，每一组样式均会被浏览器应用到对应的对象上。
属性：是CSS样式控制的核心，对每一个XHTML中的标签，CSS都提供了丰富的样式属性，如颜色、大小、宽度等。
1、标记选择器
标记选择器：是指以网页中已有的标签类型作为名称的选择器；一个页面由很多不同的标记组成，而CSS标记选择器就是声明哪些标记采用哪种CSS样式.
语法：
  标记{属性：属性值；} 如：td{font-size:12px;}
CSS的常用文本属性
属性 描述 可用值
 color
 有于设置文字
 的颜色
 颜色值
 font-size
 用于设置文字
 的尺寸
 字号大小
 font-family
 用于设置文字名
称，可以使用多个名称
使用逗号分隔，
浏览器按照选后顺序依
次使用可用字体
 字体名称
 font-style 用于设置文字样式 
normal   、 italic
 
normal   、 talic
 
用于设置文字的加粗样式
 
normal  、 bold
 
text-decoration
 
用于设置文本的修饰线
 
 none 、   underline  、 line-through  、 overline
常见段落样式
  属性 描述 可用值
  line-height
  用于设置对象中文本
 的行高
  Normal   、length
  letter-spacing  
用于 置对象中文字之
间的间距
Normal   、 length
word-spacing
用于设置对象中单词之
间的间距
Normal   、 length
text-indent
用于设置对象首行文
字的缩进值
Normal   、 length
 
text-overflow
当对象中的文本超过行
宽时，可以对文本末端
增加省略标记（ … ），
只有当对象设为不 换显
示时有效
clip     、 ellipsis
text-align
用于设置对象中文本的
对齐方式
Left 、 right 、 center
word-break
用于设置对象内文本的
换行方式，使用 break-all
时充许词间进行换行
Normal 、 break-all 、   keep-all
word-warp
使用 break-work 时当内
容超过其容器的边界时发生换行
normal   、 break-word
2、类（class）选择器
标记选择器一旦声明，页面中所有的该标记都会相应地产生变化，如果希望其中的某个标记CSS样式不同时，需要用“类选择器”
类名称可以由用户自定义，起一个有意义的名称，类名称以点(英文句号)开头
    .类名称{
   ……
  }
对页面中XHTML标记应用样式：
 在标记属性中加上    class=“类名称”
<span> 标记
 
<span>是一个行内元素标记，相当于一个容器，<span>与</span>之间可以容纳各种XHTML元素，从而形成独立的对象。<span>没有结构上的意义，纯粹是应用样式，当其他行内元素都不合适时，就可以用<span>元素
3、ID选择器
使用方法跟class选择器基本相同，不同之处在于ID选择器只能在XHTML页面中使用一次，因此针对性更强。在XHTML的标记中只需要利用id属性，就可以直接调用CSS中的ID选择器。
 #id名称{
   ……
   ……
  }
4、群组选择器
对一组对象进行相同的样式指派
语法：
 标记,标记,标记{属性：属性值；}
如：
 h1,h2,h3,p{
  font-size:12px;
  font-family:黑体;
 }
5、包含选择器
当我们仅仅想对某一个对象中的子对象进行样式指定时，用包含选择器。
包含选择器指选择器组合中前一个对象包含后一对象，对象之间使用空格作为分隔符。
如：
 h1  span{
  font-size:18px;
 }
6、标记指定式选择器
如果既想使用id或class，也想同时使用标记选择器，可以使用如下格式
h1#content{属性：属性值；}
表示针对所有id为content的h1标记
h1.p1{属性：属性值;}
表示针对所有class为p1的h1标记
7、组合选择器
对于上述的所有选择器而言，无论是什么样的选择器，均可以进行组合使用。
h1   .p1{     }
表示h1标记下的所有class为p1的标记
#content   h1{      }
表示id为content的标记下的所有h1标记
h1   .p1,#content   h1{       }
以上二者进行群组选
h1#content    h2{       }
id为content的h1标记下的h2标签
8、伪类及伪对象
伪类及伪对象是一种特殊的类和对象，它由CSS自动支持，属CSS的一种扩展型类和对象，名称不能被用户自定义，使用时只能够按标准格式进行应用。
使用形式如下：
 a:hover{
  属性：属性值；
    }
常见的伪类
 伪类 用途
a:link
a 链接标签的未被访问前的样式
a:hover
对象在鼠标移上时的样式
a:active
对象被用户点击及被点击释放之间的样式
a:visited
a 链接对象被访问后的样式
  
9、通配选择器
通配是指使用字符替代不确定的字
通配选择器是指我们对对象可以使用模糊指定的方式进行选择。
CSS的通配选择器使用*作为关键字
使用方法如下：
 *{
  color:#ff0000;
 }
*表示所有对象，包含所有不同id不同class的XHTML的所有标记。使用如上的选择器进行样式的定义，页面中所有对象都会使用color:#ff0000;的字体颜色。
三、CSS选择器的命名
大小写敏感
合法字符及组合
 class及id必须由大写或小写字母开始，随后可以使用任意的字母、数字、连接线或下划线
命名建议