校内网代码教程-CSS入门篇

1、什么是CSS
CSS即Cascading Style Sheet(层叠样式表单)的缩写，我们又常称之为风格样式单Style Sheet，

是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

简单来说，就是网页内容由HTML来定义，而网页内容表现出来的样式，如字体，颜色，

图片位置等由css来定义。

为什么称样式单为层叠的呢？在你还没有对它有一个较全面的了解前，

可打一个不很准确的比喻：如我们评价一个人，需要听取大家的意见再汇总，

有人说，这个人诚实，有的说干事踏实，有的说很有责任心…..，

这样通过这些意见的“层叠”，就可大体地知道这个人的品质；

即使是同样的标志，也可以通过层叠使它们显示出不同的特性来，随着学习的深入，你会发现层叠的具体含义及一些妙用的。

2、css能做些什么
css能做到的会超出很多人的想象，下面给出两个实例
动态光源效果
Glow滤镜
这属于css+js的高级应用了，下面我们从基础开始讲起。

3、如何将样式表加入网页
你可以用以下三种方式将样式表加入您的网页。而越接近目标的样式定义优先权越高。

高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。

a、链入外部样式表文件 (Linking to a Style Sheet)
你可以先建立外部样式表文件（.css），然后使用HTML的link对象。示例如下：
<link rel=stylesheet href="http://www.xiaonei.com/css/main.css" type="text/css">

b、定义内部样式块对象 (Embedding a Style Block)
你可以在你的HTML文档的和标记之间插入一个块对象。示例如下：
<style type=text/css>
<!--
A:link{COLOR: #999999;FONT-SIZE:9pt;FONT-FAMILY: 隶书}
A:visited{COLOR:#999999;FONT-SIZE:9pt;FONT-FAMILY: 隶书}
A:active{COLOR: #999999;FONT-SIZE:9pt;FONT-FAMILY: 隶书}
A:hover{COLOR: #999999}
body{COLOR:#999999;FONT-SIZE:9pt; FONT-WEIGHT: bolder;FONT-FAMILY:隶书}
-->
</style>
c、内联定义 (Inline Styles)
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下：
<p style="margin-left: 0.5in; margin-right:0.5in">这一行被增加了左右的外补丁<p>

前两种方式是我们经常用到的，尤其是第二种方式用得最多，而第三种方式用得相对较少，

一般只有在修改涂鸦板内对象属性或自定义的对象属性时才会使用。