HTML网页上常见的3种单位是,HTML_CSS中常用的单位,一、长度单位 长度单位 - phpStudy...
CSS中常用的单位
一、长度单位
长度单位是Web页设计中最常用的一个单位。一个排列无序、杂乱无章的页面不可能给人们留下什么好的印象。于是,在设计的时候需要为元素的位置、尺寸精确地定义一些值,以使其达到预期的效果。
CSS给予人们精确控制网页的能力,这一点为人们津津乐道。它允许人们定义外观、尺寸、空间及其他的样式。但是,CSS所给出的控制同时也是一个危险的东西,这不仅表现在设计者缺乏经验,更在于如何给出一个尺寸和空间值。为什么呢?因为一个设计者虽然能够决定某一个特殊的屏幕分辨率,但是不可能决定别人的大脑和别人的视力或者那些富有个性的自定义设置。
CSS的主要功能之一就是CSS定位,这个定位的概念即包括位置的定位,也包括尺寸的定位。无论哪一种,都需要使用长度单位,不然,精确定位就无从谈起。
在CSS中,长度是一种度量尺寸,用于宽度、高度、字号、字和字母间距、文本的缩排、行高、页边距、贴边、边框线宽以及许许多多的其他属性。
1.定义长度
在Dreamweaver 4中要定义长度,首先应该在所选择的选项后面的文本框中写符号部分,这个符号可以是“+”(正号),表示正长度值,也可以是“-”(负号),表示负长度值。如果不写符号,那么默认值是“+”。在符号后紧接着是一个数值,这个数值可以是整数,也可以是小数。然后再在该选项的长度单位下拉列表框中选择一种长度单位。长度单位一般是一个由两个字母组成的单位缩写,例如cm,pt,em等。
2.绝对长度单位
网页定义上常常使用的绝对长度值由厘米(cm)、毫米(mm)、英寸(in)、点(pt)、派卡(pc)等等。
单位 英寸(in) 厘米(cm) 毫米(mm) 磅(pt) 派卡(pc)
英寸 1.0 2.54 25.4 72 6
派卡 0.16667 0.4233 4.233 12 1.0
厘米 0.3937 1 10 28.3464 4.7244
毫米 0.03937 0.1 1.0 2.83464 0.47244
磅 0.01389 0.0352806 0.352806 1.0 0.83333
绝对长度值的使用范围比较有限,只有在完全知道外部输出设备的具体情况下,才使用绝对长度值。也就是说,绝对长度值最好用于打印机输出设备,而在仅仅作为屏幕显示时,使用绝对长度值意义不大,应该尽量使用相对长度值。
3.相对长度值
每一个浏览器都有其自己默认的通用尺寸标准,这个标准可以由系统决定,也可以由用户按照自己的爱好进行设置。因此,这个默认值尺寸往往是用户觉得最适合的尺寸。于是使用相对长度值,就可以是需要定义尺寸的元素按照默认大小为标准,相应地按比例缩放。这样就不可能产生难以辨认的情况。其实,百分比单位以及关键字都能产生相类似的效果。
CSS还支持下列三种长度的相对单位:em(当前字体中字母M的宽度)、ex(当前字体中字母X的高度)、px(一个象素的大小)。
使用em和ex的目的就是为所给的字体设置合适的宽度,而没有必要知道字体有多大,在显示时,可通过比较当前字体中的M和X来确定。字体越大,所对应的em和ex也就越大。
以象素为单位的长度是相对于显示器上的象素(或许为方形)的高度和宽度。影像的宽度和高度经常是以象素给出的。象素测量法通常不是个好方法。首先,象素的大小依分辩率变化较大,大多数用户都会将显示器设置成尽可能高的分辩率,从而导致象素太小,而无法阅读。
二、百分比单位
在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文件。如果要在内容经常被移动的环境中链接文件,那么使用和根目录相对的路径往往是最佳的方法。在使用与根目录相对的路径时,包含链接的文档在站点内移动,链接不会中断。但是,和根目录相对的路径和适合于本地查看站点,在这种情况下,可以使用和文档相对的路径。
注意:当在浏览器中按照本地方式预览文件时,和根目录相对的路径所链接的内容不会出现。这是因为浏览器不能像服务器那样识别站点根目录,要预览和根目录相对的路径所链接的内容,必须将文件放置到远程服务器并从那里进行查看。
和文档相对的路径是指和当前文档所在的文件夹相对的路径。例如文档test.swf在文件夹Flash中,它指定的就是当前文件夹内的文档。…/test.swf指定的则是当前文件夹上级目录中的文档;而/test/test.swf指定是 Flash文件夹下test文件夹中的test.swf文档。和文档相对的路径通常是最简单的路径,可以用来链接总是和当前文档在同一文件夹中的文件。
注意:在创建和文档相对的路径之前必须保存新文件,因为在没有定义起始点的情况下,和文档相对的路径是无效的。在文档保存之前,Dreamweaver 4会自动使用以File://开始的绝对路径。
本文作者:相关阅读:
jquery插件之easing 动态菜单
Linux操作系统高性能集群监控管理之道
Web 的未来:XHTML 2.0
SQLServer扩展存储过程实现远程备份与恢复
在Linux系统上给Windows发送PopUp消息
PHP高级对象构建 工厂模式的使用
Linux下Silverlight:Moonlight 1.0 Beta 1
Songbird离开后 Linux下可以替代它的10个音乐播放器推荐
phpcms添加新模板教程
从Table向Css过渡的优缺点比较
Win7中笔记本设置秘密有哪些
js setTimeout实现延迟关闭弹出层
设计一个基于CSS的网页模板
JQuery与iframe交互实现代码
HTML网页上常见的3种单位是,HTML_CSS中常用的单位,一、长度单位 长度单位 - phpStudy...相关推荐
- 市面上常见的几种咖啡?
咖啡是用经过烘焙的咖啡豆制作出来的饮料,与可可.茶同为流行于世界的主要饮品. 现在市面上常见的几种咖啡分别是,拿铁咖啡.维也纳咖啡.卡布奇诺.摩卡咖啡.冰滴咖啡,蓝山咖啡. 拿铁咖啡,拿铁咖啡是意大利 ...
- 网络上常见的几种验证码识别方式
现在是一个知识分享的时代,什么技术想要捂住都已经不太可能,通过网络的传播许多技术能够传到我们的手上,只要有心,一个人总能找到他所想要找的技术资料, 验证码识别 的技术也是这样的,有许多理论.实现方法都 ...
- 如何让网页上的Flash视频在弹出窗口中播放
如何让网页上的Flash视频在弹出窗口中播放 www.diybl.com 时间 : 2010-07-20 作者:网络 编辑:huyang629 点击: 193 [ 评论 ] - - 很多 ...
- 市面上常见的几种电商模式
目前市面上常见的电商模式有5种:B2B.B2C.C2B.C2C.O2O: 1.B2B模式: business to business,是指商家与商家建立的商业关系.如阿里巴巴. 2.B2C模式: bu ...
- 在计算机中数据编码的最小单位是( ),计算机中数据编码最小单位是
计算机中数据编码最小单位是bit音译为比特. 电子计算机(electronic computer)通称电脑,是现代一种用于高速计算的电子计算机器,可以进行数值计算.逻辑计算,具有存储记忆功能,能够按照 ...
- 先尚传真服务器指示灯显示,【仪表盘指示灯】仪表盘上常见的五种故障指示灯_仪表盘指示灯图解_佰佰安全网...
玻璃水指示灯 所谓玻璃水就是汽车挡风玻璃清洗液的俗称.属于汽车使用中的易耗品. 优质的汽车挡风玻璃水主要由水.酒精.乙二醇.缓蚀剂及多种表面活性剂组成.汽车挡风玻璃水俗称玻璃水(即车窗净). 当玻璃水 ...
- html页面上的表格导出为excel文件,Web html table export to excel 网页上的表格数据导出到Excel文件中 使用心得...
在网上搜索到几种方法,经测试得出二种比较简单而且可行方法, 第一种:使用JAVASCRIPT,不用重新从 Database 获得数据.直接把WEB上面的表格保存下来. A B function Aut ...
- js 线段上某点的坐标_测绘测量中常用的坐标系
一.坐标系类型 1.大地坐标系 定义:大地测量中以参考椭球面(不准确)为基准面建立起来的坐标 系. 一定的参考椭球和一定的大地原点上的大地起算数据,确定了一定的坐 标系.通常用参考椭球参数和大地原点上 ...
- 怎么修改html文件的时间,怎样修改网页上日期
大家好,我是时间财富网智能客服时间君,上述问题将由我为大家进行解答. 修改网页上日期的方法是: 1.一种是网站提供了接口改: 2.另一种是能登录这台服务器,把时间改掉: 3.再一种,就是有网站的源码, ...
最新文章
- 面试----Object类
- C语言实现简易通讯录
- Java数据结构和算法( 二 ) ## 数组
- winpcap编程 解析数据包
- css中font的简写
- 计算机组成800H是多大,73计算机组成原理模拟题三(2019年)更新北理工20春答案...
- JNI-获取Java对象的成员变量-GeInttField()
- Pentium 4处理器架构/微架构/流水线 (6) - NetBurst前端详解 - 取指/译码/缓存
- python对ip地址排序、对列表进行去重
- SQLServer create schema
- SwitchHost常见问题解决
- 嵌入式学习笔记(8)芯片手册阅读方法
- B样条曲线与贝塞尔曲线学习笔记
- 手机浏览器和pc浏览器下载文件方法
- 全年营业额怎么计算_产值是怎么计算的(GDP年产值是营业收入吗)
- ubuntu20禁止hdmi显示器音频输出
- HDU - 3966(树链剖分)
- easyui datagrid deleteRow删除行时异常,删除了其他行
- kettle与MySQL数据库建立连接教程
- 《InnoDB存储引擎》第五章——索引与算法