[返回首页]
 ◎ 您当前的位置:首页 >> 站长学堂 >> 网页设计 >> Html/Css >> 正文
CSS中常用的单位
作者: 来源: 发布时间:2007-8-9 23:31:03 


 
  二、百分比单位

在Dreamweaver 4中要使用百分比,首先应该在所选择的选项后面的文本框中写符号部分,这个符号可以是“+”(正号),表示正长度值,也可以是“—”(负号),表示负长度值。如果不写符号,那么默认值是“+”。在符号后紧接着是一个数值,符号后面可以输入任意值,但是由于在某些情况下,浏览器不能处理带小数的百分数,因此最好不用带小数的百分比。然后再在该选项的长度单位下拉列表框中选择“%”。
百分比总是相对于另一个值来说的。那个值可以是长度单位或是其他的。每一个可以使用百分比值单位指定的属性同时也自定义了这个百分比值的参照值。大多数情况下,这个参照值是此元素本身的字体大小。

  三、颜色单位

大量地使用图片可能会使网页富有生气。但是,每一个上过网的人都有为等待一个图片而焦急不安的经历。其实,适当地在不同的部位使用不同的颜色,也能起到类似图片的效果,把读者的注意力吸引到关键的部分,然而,下载网页的时间却大幅度地减少了。

color属性用来定义一个元素的前景颜色,在大多数情况下,这个元素中所包含的使文本对象。使用color属性同时还可以用来决定一个元素边框的颜色。通用的定义颜色的语法是:color:颜色值。

定义颜色值最简单也最直接的方法是使用百分比值。在这种情况下,红、绿、蓝颜色值的等级用百分比数来确定。格式是:color:rgb(R%,G%,B%)。使用百分比值来指定颜色还有一个好处是它能够声明一组真正的数字,不论它的值是多少。

指定颜色的另一种方法是使用范围在0~255之间的整数来设置。格式是color:rgb(128,128,128)。
定义颜色的第三种方法是使用十六进制数组定义颜色。这种定义的方法对于经常进行程序设计的人来说比较熟悉。定义颜色时使用三个前后按顺序排列的十六进制数组表示,例如“#FC0EA8”。这种定义的方式就是形如#RRGGBB的格式。即在红、绿、蓝的位置上添上需要的十六进制值。

定义颜色最后一种方法也最简单的方法是指定颜色的名称。例如如下所示的代码指定文本的颜色为紫色。

在Dreamweaver 4中,可以单击颜色选择器的图标,从打开的颜色选择器中选择一种合适的颜色。

  四、URL单位

URL单位和链接的地址有关。所谓URL就是“Uniform Resource Locator”的简写,链接是网页的灵魂。通过链接的方式可以使各个网页之间联接起来,使网站中众多的页面构成一个有机整体,使访问者能够在各个页面之间跳转。链接可以是一段文本,一幅图像或其他网页元素,当在浏览器中用鼠标单击这些对象时,浏览器可以根据其指示载入一个新的页面或者跳转到页面的其他位置。

在创建链接的过程中,路径是非常重要的。Dreamweaver 4中有两种路径:绝对路径和相对路径,其中相对路径可分为和根目录相对的路径及和文当相对的路径。

绝对路径时含服务器协议(在网页上通常是http://或ftp://)的完全路径。绝对路径包含的是精确位置而不用考虑源文档的位置。但是如果目标文档被移动,则链接无效。创建对当前站点以外文件的链接时必须使用绝对路径。

和根目录相对的路径总是从当前站点的根目录开始。站点上的所有可以公开的文件都存放在站点的根目录下。和根目录相对的路径使用斜杠告诉服务器从根目录开始。例如,/ Dreamweaver /index.html将链接到站点根目录Dreamweaver文件夹的index.html文件。如果要在内容经常被移动的环境中链接文件,那么使用和根目录相对的路径往往是最佳的方法。在使用与根目录相对的路径时,包含链接的文档在站点内移动,链接不会中断。但是,和根目录相对的路径和适合于本地查看站点,在这种情况下,可以使用和文档相对的路径。

注意:当在浏览器中按照本地方式预览文件时,和根目录相对的路径所链接的内容不会出现。这是因为浏览器不能像服务器那样识别站点根目录,要预览和根目录相对的路径所链接的内容,必须将文件放置到远程服务器并从那里进行查看。

本新闻共3页,当前在第2页  1  2  3  

[返回上一页] [打 印]
上一篇文章:CSS中文教程 | 下一篇文章:没有了
热点文章 推荐文章 相关信息
·用HTML给Flash加链接
·CSS实用教程(一)
·HTML中meta作用
·第二章 CSS的应用方式
·HTML语言剖析(3)
·CSS实现的文字竖排效果
·CSS+DIV设计实例:超酷的竖排导航栏
·CSS初级入门:页面样式的整体声明
·第六章 区块性质的CSS
·CSS实用教程(二)
·CSS 循序渐进(一)画个瓢
·HTML-加速、再加速上