|
|
 |
|
 |
CSS基础教程 1 |
★★★ |
|
|
|
| CSS基础教程 1 |
|
|
| 作者：佚名 文章来源：本站整理 更新时间：2008-8-30 18:04:06 |
|
|
|
第一天 初步认识浏览 通过前面的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{属性：值}
事实上把类中的标识部分去掉就形成了伪类，所以我们也可以自己拟定伪类名。
另外还有一种声明方式，和伪类比较相似。但[1] [2] 下一页
|
|
|
|
| 文章录入：admin 责任编辑：admin |
|
|
上一篇文章： 用CSS制作网页过程中注意长度的细节
下一篇文章： CSS基础教程 2 |
|
|
|
|
|
|
|
|
|
|
|
|
