CSS样式表引入方法和基本选择器

CSS全称重叠样式表，可以控制网页的布局，使网页拥有独特的风格，不同样式的网页可以给浏览者留下深刻的印象,所以在网页中使用CSS样式表显得非常重要，CSS可以利用4种方法引入到网页中应用：
1、行内式，代码如下

<h1 style="color:white;background-color:blue;">This is a line of Text</h1>

2、内嵌式，代码如下

<style type="text/css">
h1{
  color:white;
  background-color:blue;
}
</style>

3、导入式，代码如下

<style type="text/css">
@import "filename.css";
</style>

4、链接式，代码如下

<link href="filename.css" rel="stylesheet" type="text/css"/>

导入式和链接式的区别：导入式本质由HTML规范来实现的，页面载入前引入该外部CSS文件；链接式本质由CSS规范来实现的，页面载入完再引入；所以若想实时看到网页的样式效果，就应该使用链接式引入CSS样式表。

不管使用上述那种引入方法，样式表的组成主要是CSS选择器，可分为：基本选择器和复合选择器。
一、基本选择器又可分为：标记选择器、类别选择器和ID选择器；各种选择器具体代码演示如下：
1、标记选择器,h1为选择器，color为属性，red为属性值，color:red为声明

h1{color:red;font-size:15px;}

2、类别选择器，“.”为标识符，HTML元素使用class属性应用其样式

.red{color:red;font-size:15px;}

3、ID选择器，“#”为标识符，HTML元素使用id属性应用其样式

.red{color:red;font-size:15px;}

类别选择器和ID选择器的区别：class属性可以使用多个样式，样式效果取前者；id属性不能使用多个样式，若式样了，样式失效。

二、复合选择器又可分为：交集选择器、并集选择器和后代选择器；各种选择器具体代码演示如下：
1、交集选择器,使用：<div class="specail"/>

div.specail{......}

2、并集选择器，使用:<div/><p class="specail"/>

div,p.specail{......}

3、后代选择器，使用::<div><p class="specail"/><div>

div p.specail{......}

当CSS样式在引入使用时，出现重叠时如何取向，即CSS的优先级（重叠特性），具体规范和约定如下：[color=red]行内样式>ID样式>类别样式>标记样式[/color]

网页的设计与布局好与不好，CSS的学习很重要，深信自己坚持每天多学一点，前台美工的开发应该不是很大的问题，希望大家也共享下自己的学习经过或经验，共同学习。