CSS基础教程

日期：2007年6月6日作者：查看:[大字体中字体小字体]

第一天初步认识浏览通过前面的HTML语言学习，我们已经对标识有了一定的认识。在实际操作的过程中，你就会发现一个问题将十分突出，直接影响到你的工作效率，那就是排版与文字的控制，事实上当你面对成千上百个页面的时候，你将花上极大的耐心和时间去一个个的处理，这个时候，我们就需要CSS来简化你的工作了。
CSS（Cascading Style Sheets）层叠式样表，我们简称为式样表.它可以说是html的一个插件，但在当前网页设计中，是一个必不可少的插件.我们可以通过它把格式与网页分隔开来，充分的弥补了HTML的不足，简化了网页的源代码，也避免了重复劳动，减轻你的工作量。可以说CSS在现代网页设计中，是必不可少的工具之一。

如何建立一个CSS文件，又如何使用css文件,就是今天的重点。
和HTML文件一样，我们可以在一个文本文件中直接输入源代码，然后把后缀名改为.css就可以创建一个CSS文件了。因为他是HTML插件，所以我们不必输入如<html>之类文件声明代码，而是直接编辑CSS参数声明。
基本的CSS声明通过下面的格式来实现：
标识{属性:值}
标识既为HTML标识，你可以参考前面的html教程。这里我们举个例子来说明。
body{color:#000000}
这就可以对正本区内的元素颜色进行控制。当我们想对一个标识进行多属性控制，或者对多标识进行单属性或多属性控制的时候，我们就可以扩充上面的格式。
标识{属性1，值1；属性2，值2；……}
标识1，标识2……{属性:值}
标识1，标识2……{属性1，值1；属性2，值2……}
标识1 标识2……{属性1，值1；属性2，值2……}
这里需要说明的是第四组声明格式，与前面的声明对比，我们会发现标识1和标识2中间少了一个逗号，它也就是设置标识1和标识2的交集部分，换句话说，标识2的内容同时包含在标识1中的时候，所设置的属性才会起作用。

对于通一个标识，我们还可以把它分解开设置。
标识{属性1，值1}
标识{属性2，值2}
……
这样子的声明方式并不会互相抵触，因为所声明的属性是不同的。如果对同样一个属性作了重复的声明，则只有後来声明的设定值才会发生作用。

CSS声明同样不记大小写，换行，空白，要是格式对了就会接受。

在CSS声明的基础上，我们产生了类的概念，通过创建类，我们可以让单一或数个元素使用同组样式规则的方法.这样也可以避免一个页面中元素的风格千篇一律。

我们同过下面的格式创建一个类：
标识.类别名{属性：值}
例如
P.sc{color:#ffffff}
这就可以对换行进行色彩控制。需要注意的是类别名可以自己拟定，这样也增加了运用类的灵活性.

当要让相同的标识套用不同属性值时，我们可以用
标识.类别名1{属性1：值1}
标识.类别名2{属性1：值2}
同过类我们可以实现对同一个页面中的同一个标识进行不同的设置，但类的缺点在一个标识下的属性只属于这个标识，无法被其他标识套用，那么我们想对其他标识进行同样的控制，就必须再创建一个类，这样就增加了工作量.为了解决这个问题，就出现了伪类，它可以被所有的标识套用。
.伪类名1{属性：值}
事实上把类中的标识部分去掉就形成了伪类，所以我们也可以自己拟定伪类名。

另外还有一种声明方式，和伪类比较相似。但不同的是它具有唯一性，也就是说在同一个页面中，它只能出现一次。而的这种唯一性正是让浏览或 ??槬??y最????ā?t拠?慰? VBScript能够对元素进行控制的关键。它的格式如下:

#ID名称{属性:值}
例如：#se{color:#00FF00}
关于ID我们在这里只简单的提一下，目前就不再深入研究。

了解了如何创建CSS，那么我们怎么把CSS导入一个页面中去呢？
一般我们通过下面四种方法：
1.使用<style>的参数.例如：
<p style=”color: blue; font-size: 10pt”>H.S WORKSHOP</p>
[1] [2] [3] 下一页
CSS基础教程相关文章：
·C语言教程第六章:指针
·冰点还原精灵图文教程
·远程破OICQ密码给工具QQExplorer ver 1.25介绍
·施工与工程组织方案
·“黑客”教你如何远程控制计算机
·Java编写的计算器程序及源代码（1）
·用C#写计算器程序
·综合布线系统工程设计参考大全
·Excel XP函数实用教程精华集
·性感海滩2-流程攻略操作 - 游戏攻略
CSS基础教程相关软件
·《仙剑奇侠传2》全过程存档
·Photoshop视频实例教程系列电子书 V1.0
·大师之路Photoshop教程 V2.0
·极品五笔教程 V2007
·热带鱼水族箱屏幕保护程序 V2.0 汉化版
·建筑工程、安装工程施工技术交底大师 V10.5
·C/C++程序设计学习与实验系统 V2008.2
·3D Max教程 V1.1
·C语言编程宝典之一
·《雅奇MIS》可视化自动编程系统 V10.0

上一篇:.Net配置文件常用配置说明

下一篇:ASP.NET 中的自定义脚本回调

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

CSS基础教程

精品推荐

热点TOP10

特别推荐