在阅读本文之前，首先需要声明是写给css初学者和不了解css的朋友学习的，如果你已经是一个高手，那么你就无需在这里浪费时间了。

css是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)，是cascading style sheets(层叠样式表)的简称。在标准网页设计中，css负责网页内容(xhtml)的表现，跟div（或table）组织的页面结构一起实现一个完整的网页布局。通过对css标记语言的学习，可以轻松地实现页面的丰富表现。css的运用其实就是一个把素描点缀成油画的过程。

如何把样式运用到页面中去呢？有四种方式可以帮助我们解决这个问题。在样式调用过程中，最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。

四种解决方法分别是：1，内联定义 (inline styles) ；2，定义内部样式块对象 (embedding a style block) ；3，链入外部样式表文件 (linking to a style sheet)

1，内联定义 (inline styles) ；4、联合使用样式表（@import 导入函数）。下面详细说明：

1，内联定义 (inline styles)

内联定义也就是在对象的标记内直接使用style属性定义样式，是最简单的样式调用方法，可灵巧地把样式应用到各标签对象中，使用简单、显示直观。但无法完全发挥出样式表“表现与内容分离”的优势，所以在设计过程中并不常用。

举个简单的例子说明：对于同样的p标签属性应用不同的样式

显示为红色12像素的字体

显示为蓝色12像素的字体

如果要修改颜色的话就要分别修改了。可能你会说只有两个，分别修改也花不了多少时间的。那么对于大型的网站来说，无数的p标签还能挨个去手动修改吗？

2，定义内部样式块对象 (embedding a style block)

即在html文档的和标记之间插入一个块对象。

< head>
< style type=”text/css”>
< !– 样式表的具体内容 –>
< /style>
< /head>

style的type属性设置为”text/css”，是允许不支持这类型的浏览器忽略样式表单，帮助这类浏览器过滤掉css代码，避免在浏览器里直接以源代码的方式显示这个样式表。

3，链入外部样式表文件 (linking to a style sheet)

首先，要建立单独的外部样式表文件（后缀名为.css），然后也是在html文档的和标记之间插入link对象，格式如下：

< head>
< link rel=”stylesheet” href=”*.css” type=”text/css” >
< /head>

4、联合使用样式表（@import 导入函数）

使用@import联合样式表的方法和链接外部样式表的方法一致，也是在html文档的和标记之间插入；但这种方式可以在链接外部样式表的同时，针对该网页的具体情况，做出别的网页不需要的样式规则，更有优势。格式如下：

< head>
< style type=”text/css”>
< !–
@import “*.css”
其他样式表的声明
–>
< /style>
< /head>

需要注意的是:

·联合法输入样式表必须以@import开头，结尾”；”结束；

·如果同时输入的多个样式表产生冲突时，则按照第一个输入的样式表有效处理；

·如果输入的样式表和网页中的样式（内联定义）规则产生冲突时，则使用外部的样式表。