精华区文章阅读

发信人: emanuel (小飞象), 信区: Software
标  题: Dreamweaver教学之九
发信站: 紫丁香 (Sat Apr  1 11:02:47 2000), 转信

使用CSS定义页面

　　ＣＳＳ样式表的出现已经有几年了，但肯定的一定就是，直到现在它才得到真
正意义上认可和应用，利用ＣＳＳ技术您可以以像素的单位来控制您页面中的一切
元素，比如您一定和我一样都厌烦了浏览器常见的３号字或２号字，不但粗糙而且
难看，现在您可以磅值来控制页面中字体的大小，当然ＣＳＳ有更多的作用，但Ｃ
ＳＳ和ＨＴＭＬ一样，众多的属性，烦琐的定义过程，以至于您很难靠手工编辑来
掌握它，现在有了ＤＷ２的样式表编辑器您终于可以自由地使用ＣＳＳ，而不需要
受它的限制。

　　启动ＣＳＳ样式表编辑器在这里：单击快速启动栏中的按钮，如果在此之前，
您未编辑过任何的ＣＳＳ标识符或重新定义过ＨＴＭＬ标签，那么将会出现如左下
图的形式：
ＡＰＰＬＹ　ＴＯ：表示ＣＳＳ样式表作用的区域，让我们开始编辑第一个ＣＳＳ
标识符吧！单击最下面的ＳＴＹＬＥ　ＳＨＥＥＴ．．．，就会弹出另一个窗口如
右下图：
　

右图中最大的空白则是显示已经定义的ＣＳＳ样式，如果您什么都未定义，那么在
这上面将是一面空白，空白的右上角的Link：用来链接一个外部样式表（.css结尾
）；ＮＥＷ：是新建一个ＣＳＳ样式标识符；Edit则是编辑原来存在的ＣＳＳ样式
标识符，若没有，其是处于不可激活状态；ＤＵＰＬＩＣＡＴＥ．．．：用来复制
一个已经存在的ＣＳＳ样式标识符，ＲＥＭＯＶＥ：则是从左边列表中除去一个样
式标识符。

　　下面让我们单击ＮＥＷ按钮，此时会弹出一个菜单供您选择，如下图：

　

第一项表示制作一个新的样式表示符，可以任意命名，以．开头，如．title ,．
h等等；
第二项表示重新定义一个ＨＴＭＬ标签，如<BODY>,<H>等等；
第三项表示使用ＣＳＳ选择器，如a:hover、a:link等等。我们任选一个，单击Ｏ
Ｋ，就会进入最后的编辑器，在这部分，内容均为ＣＳＳ的相关属性，如字体族科
，字体磅值，字体形态，行间距，背景色等诸多属性，我就不一一涉及，最好大家
能参照ＣＳＳ说明文档一边使用，一边看说明。

--
                      ◇┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉◇
                      ┇\║║/   Your Friend-------Emanuel┇
                      ┇ ◎◎    http://travelcat.yeah.net┇
                      ┇ ┃┃    E-mail:  emanuel@21cn.com┇
                      ┇ □□□□□□□□   我就是小飞象  ┇
                      ◇┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉◇

※ 来源:．紫丁香 bbs.hit.edu.cn．[FROM: 202.118.234.151]

Software 版 (精华区)