单位介绍

1、绝对值

  in     英寸

  cm   厘米

  mm   毫米

  pt     点

  px    像素

2、相对值

  em  表示一种字体中字母 M 的宽度,因此它的大小取决于你使用的字体

  ex   表示一种字体中字母 x 的高度,小写字母 x 代表一种字体的字母中间部分高度,不包括字母上下突出部分。

  %

3、颜色值

  颜色值有几种表示方法,下面分别介绍。

  1)颜色名

    aqua(浅绿色)、black(黑色)、fuchsia(紫红色)、gray(灰色)、green(绿色)、lime(黄绿色)、

    maroon(褐红色)、navy(深蓝色)、olive(茶青色)、purple(紫色)、red(红色)、silver(银色)、

    teal(青色)、white(白色)、yellow(黄色),更多颜色名称,请参考:http://www.w3.org/TR/css3-color/#html4

  2)十六进制颜色 #rrggbb

    #ff00ff

  3)RGB 颜色值 rgb(r, g, b)

    rgb(0, 255, 0)  

  4)RGB 百分比 rgb(r%, g%, b%)

    rgb(0%, 80%, 20%)

  5)HSL (色相, 饱和度%, 亮度%)

    HSL(0, 80%, 20%)

    HSL 颜色中的第一个值表示色相,也就是一个实际的颜色,比如红色和 绿色。所有颜色围绕色相环一周,

    而色相值以圆周上的度数表示。

      

    红色是 0 或 360,青色是 180。

    饱和度的值,0% 是黑色, 100%是白色,中间的百分比是实际能看到的色相。

  6)Alpha 通道

    RGB 和 HSL 都支持 Alpha 通道,用于设置颜色的不透明度。相应的格式为 RGBA 和 HSLA。

    两种格式中的 A (Alpha)值为 1 表示完全不透明,为 0 表示完全透明。

时间: 2024-10-19 05:35:09

单位介绍的相关文章

em px pt单位介绍及换算

PX\EM\PT单位介绍 px Pixel单位名称为像素,相对长度单位,像素(px)是相对于显示器屏幕分辨率而言的国内推荐:em单位名称为相对长度单位.相对于当前对象内文本的字体尺寸,国外使用比较多,这里em与html <em>标签的"EM"拼写完全相同,而这里em作为单独文本单位.pt单位名称为点(Point),绝对长度单位一般老版本的table使用长度大小单位但是现在基本上没有使用. 1. 以前IE无法调整那些使用px作为单位的字体大小,但现在几乎IE都支持 在这里也推

Android中 单位 介绍

看到有很多网友不太理解dp.sp和px的区别:现在这里介绍一下dp和sp.dp也就是dip.这个和sp基本类似.如果设置表示长度.高度等属性时可以使用dp 或sp.但如果设置字体,需要使用sp.dp是与密度无关,sp除了与密度无关外,还与scale无关.如果屏幕密度为160,这时dp和sp和px是一样的.1dp=1sp=1px,但如果使用px作单位,如果屏幕大小不变(假设还是3.2寸),而屏幕密度变成了320.那么原来TextView的宽度设成160px,在密度为320的3.2寸屏幕里看要比在密

最全的CSS尺寸单位介绍

前端开发过程中,尺寸单位是我们必须用到的,下面我们对css中常见的几种尺寸单位px,em,rem,rpx进行逐一介绍在这之前,需要先对几个概念进行普及介绍 基本概念 (以下概念读起来可能有些晦涩,如果看不懂也没关系) 像素 它不是自然界的物理长度,指基本原色素及其灰度的基本编码. css中的像素只是一个抽象的单位,在不同的设备或不同的环境中,css中的1px所代表的设备物理像素是不同的.?在为桌面浏览器设计的网页中,我们无需对这个津津计较,但在移动设备上,必须弄明白这点.?在早先的移动设备中,屏

【1】 地图单位介绍

1.常用单位 1)长度单位 1km(公里)=1000m(米,公尺) 1m(米)=1000mm(毫米),1m=100cm(厘米) 1m=10dm(分米) 1m=3尺, 2)面积单位 1公顷=15亩,1公顷=1万平方米,1平方公里=100公顷,1亩=2000/3平方米 1平方公里=100万平方米, 1平方公里=1500亩 2.特殊的单位英寸 电子世界的特殊单位(英寸),英寸很常见计算机屏幕,电视机等等,都是对角线长度计算的 1英寸(inch )=25.4mm,1英尺=12英寸, 1米=1000/25

存储单位介绍:位、字节、(字)机器字长 捋顺他们的关系

真实看着看着就晕了,还是自己没有完全弄清楚,特此整理. 从小到大讲解: 1.  位 bit :最小的存储单位(可以容纳0和1其中之一) 2.  字节 byte :常用的计算机存储单位.1字节 =  8 位(这是字节的标准定义) 3   字 word :即机器字长,是自然的存储单位.计算机是多少位的,一个字就又多少位.(如64位的机器,一个机器字长就是64位) 版权声明:本文为博主原创文章,未经博主允许不得转载.

计算机存储单位介绍

计算机存储单位一般用b.B.KB.MB.GB.TB.PB.EB.ZB.YB.BB来表示,它们之间的关系是: 比特位 bit (Binary Digits):存放一位二进制数即 0 或 1.最小的存储单位: 字节 byte:8个二进制位(b)为一个字节(B) 1KB (Kilobyte 千字节)=1024B, 1MB (Megabyte 兆字节 兆)=1024KB 1GB (Gigabyte 吉字节 千兆)=1024MB 1TB (Trillionbyte 万亿字节 太字节)=1024GB,其中1

02-移动端单位介绍

前言 在页面整体布局中,页面元素的尺寸大小(长度.宽度.内外边距等)和页面字体的大小也是重要的工作之一.一个合理设置,则会让页面看起来层次分明,重点鲜明,赏心悦目.反之,一个不友好的页面尺寸和字体大小设置,则会增加页面的复杂性,增加用户对页面理解的复杂性:甚至在当下访问终端(iPhone.iPad.PC.Android-)层出不穷的今天,适应各式各样的访问终端,将成为手中的一块"烫手的山芋".所以在近几年,"九宫格"式的"流式布局"再度回归.为了

移动端单位介绍

前言 在页面整体布局中,页面元素的尺寸大小(长度.宽度.内外边距等)和页面字体的大小也是重要的工作之一.一个合理设置,则会让页面看起来层次分明,重点鲜明,赏心悦目.反之,一个不友好的页面尺寸和字体大小设置,则会增加页面的复杂性,增加用户对页面理解的复杂性:甚至在当下访问终端(iPhone.iPad.PC.Android-)层出不穷的今天,适应各式各样的访问终端,将成为手中的一块"烫手的山芋".所以在近几年,"九宫格"式的"流式布局"再度回归.为了

CSS的单位及line-height百分比

单位介绍 说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了.然后随着手机的流行,web app和hybrid app的开发,都用到了css3技术,在css3中,新增了许多单位,rem.vw和vh.vmin和vmax.ch和ex等等,那现在对这些单位分别做一下详细的介绍吧. em 做前端的应该对em不陌生,不是什么罕见的单位,是相对单位,参考物是父元素的font-size,具有继承的特点.如果字体大小