|
二、CSS的设置和应用
1、CSS基础
CSS是Cascading
Style Sheets（层叠样式表单）的简称。它允许作者在HTML文档中加入样式（如字体类型、颜色、大小等等）。对于设计者来说它是一个非常灵活的工具，不必再把繁杂的样式定义编写在文档结构中，可以将所有有关于文档的样式指定内容全部脱离出来，在行内定义、在标题中定义，甚至作为外部样式文件供HTML调用。CSS在当前的网页设计中已经成为不可缺少的技术，例如我们现在最常见的去除连接文字的下划线就是CSS最简单的应用。
Dreamweaver是最早使CSS的应用方便于使用者的网页工具之一。通过直观的界面设计者可以定义超过70种不同的CSS设置，这些设置可以影响到网页中的任何元素，从文本的间距到类似于多媒体的转换。你可以随时创建自己的样式单，然后在任何时候连接调用它。
首先让我们了解CSS最基本的特性：分组、继承、层叠
分组：通常我们需要同时改变几种样式的属性，CSS允许声明通过使用分号分隔其内容的方式来进行分组。例如：body,td,p
{color:#000000,text-align:left}
继承：通过继承，CSS设置可以被应用到多个标识中。绝大部分（但不是全部）的CSS声明可以通过封闭CSS选择器中的HTML标识来被继承。例如通过一个CSS设置来改变整个页面的字体：
body { font-family: "Arial"; font-size:
14px; line-height: 18px; color: #000000}
这种形式的定义之所以可能，是因为<body>标识被认为是页面上所有元素的父标识。
层叠：Cascading描述了覆盖通用样式的局部样式的能力。在相同的方式中，一个普遍地应用到某一块文本上的CSS规则可以被其他应用到相同文本中某个更为特殊的部分的规则所覆盖。例如你所看到的本文中的所有英文字体均属特别定义。
样式表的使用有三种方式：连接、导入、嵌入。其中连接和导入可用于多个页面共用一个样式表文件（在这两种方式中，通常Link方式在浏览器中等到更好的支持）；嵌入则仅对单一页面起作用。在Dreamweaver3及以前版本中，用户可以选择使用哪种方式设置CSS，但在Dreamweaver4
中，默认的是使用LINK方式，即只要用户设置CSS，那么就自动将其设置保存为一个CSS文件，以便在站点文件中调用。
|
回到首页
