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 

一致长度值的运用范畴比拟有限，惟有在实足领会外部输入摆设的简直情景下，才运用一致长度值。也即是说，一致长度值最佳用来打字与印刷机输入摆设，而在只是动作屏幕表露时，运用一致长度值意旨不大，该当尽管运用对立长度值。 knowsky.com

 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://发端的一致路途。