文档章节

值和单位

拉普拉斯婷
 拉普拉斯婷
发布于 2016/06/23 14:02
字数 627
阅读 10
收藏 0
css

数字

css中有两类数字:整数和实数(百分数是一个计算得出的实数)

函数式RGB颜色

rgb(color)其中color用一个百分数或者整数三元组表示,百分数在0%~100%,整数在0~255 白色:rgb(100%,100%,100%) rgb(255,255,255) 黑色:rgb(0%,0%,0%) rgb(0,0,0) 百分数记法中也可以出现分数。如:rgb(25.5%,40%,98.6%) 无论哪种记法,如果值落在可取范围之外,都会”剪裁“到最接近的范围边界。 百分数和整数之间的换算是百分数乘以255就是相应的整数三元组表示

web安全颜色

所谓的”web安全“颜色是指,在256色计算机系统上总能避免抖动的颜色。 web安全颜色可以表示为RGB值20%和51的倍数。另外0%和0也是一个安全值。因此,如果使用RGB百分数,要让所有这三个分量都要么是0%,要么是一个能被20整除的数,如rbg(40%,100%,80%)或rgb(60%,0%,0%)。如果使用0~255范围的RGB值,则个分量值要么是0要么能被51整除的数,如:rgb(0,204,153)或rgb(255,0,102)

采用十六进制记法,使用值00,33,66,99,CC,FF的三元组都是web安全的。 如:

   #336699   #00CCFF  #FF00FF
   #369      #0CF     #F0F

长度单位

所有长度单位都可以表示为正数或负数,其后跟有一个标签(有些属性只接受正数) 也可以使用实数,所有长度单位后都有一个两字母缩写,它表示所指定的具体长度单位,如in(英寸) pt(点)。例外的是0,其后不需要跟单位。 这些长度单位可以划分为两类:绝对长度单位和相对长度单位。 ####绝对长度单位 web设计中几乎很少使用,简单介绍,有5种绝对长度单位 英寸(in) 厘米(cm) 毫米(mm) 点(pt) 派卡(pc) 1英寸是2.54厘米,25.4毫米,72点,6派卡 ####相对长度单位 共3中:em ex px(前两个是印刷度量单位,但在在css有另外的含义,一个像素就是显示器上面的一个点,被定义为相对单位,因为它取决于显示设备的分辨率) ####inherit 直接指定的样式总会优先于继承的样式,但是通过使用inherit可以把情况反过来

© 著作权归作者所有

共有 人打赏支持
拉普拉斯婷
粉丝 0
博文 33
码字总数 5836
作品 0
深圳
综合指南: 何时使用 Em 与 Rem

Chinese (Simplified) (中文(简体)) translation by Hlkyle Chou (you can also view the original English article) 你可能已经很熟练使用这两个灵活的单位,但你可能不完全了解何时使用 ...

临江仙卜算子
06/29
0
0
HealthKit开发教程之HealthKit的主要类型数据

HealthKit开发快速入门教程之HealthKit的主要类型数据 在HealthKit中,我们将最常用到的数据称之为主要数据。主要数据基本上有三种:长度类型的数据、质量类型的数据、能量类型的数据。本节将...

大学霸
2015/05/04
0
0
Wormhole协议规范0.0.6

版本升级变动 修改了对外RPC接口中 WHC的单位 开放了众筹功能 修复了0.0.5中BUG: 增加了一个RPC,获取指定地址的活跃众筹: 协议变动 如何升级 下载0.0.6版本的代码:https://github.com/cope...

姜家志
08/16
0
0
rem和em学习笔记及CSS预处理

1、当元素A的字体单位是n rem时,它将根据根元素(html)的font-size的大小作为基准,比如 View Code parent-div中的em-div的font-size为2rem,他的基准就是html的字体大小102=20,并不受父元素...

邹君安
2017/05/09
0
0
c语言基础学习10_关于文件操作的复习

============================================================================= 如果一个程序只调用fopen,而不调用fclose。会导致两个结果: (1)一个程序同时可以打开的文件数量是有限...

黑泽明军
01/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

angular 解决其他电脑不能访问的问题。

ng serve --host 0.0.0.0 --disable-host-check

miaojiangmin
今天
1
0
优酷视频文件怎么转换格式

  以前在优酷上下载视频都只是在手机上观看,但随着科技的发展,对于视频的要求也逐渐增多,不再只是观看视频那么简单,在精彩的部分还会将其单独分割出来,然后进行视频剪辑,可以做出我们...

萤火的萤火
今天
0
0
数据结构:散列

在一个数据结构中查找key元素,用顺序查找、二分查找都需要经过一系列关键之比较才能查找到结果,平均查找长度与数据量有关,元素越多比较次数就越多。 如果根据元素的关键字就能知道元素的存...

京一
今天
1
0
Apache RocketMQ 正式开源分布式事务消息

近日,Apache RocketMQ 社区正式发布4.3版本。此次发布不仅包括提升性能,减少内存使用等原有特性增强,还修复了部分社区提出的若干问题,更重要的是该版本开源了社区最为关心的分布式事务消...

阿里云云栖社区
今天
32
0
使用JavaScript和MQTT开发物联网应用

如果说Java和C#哪个是最好的开发语言,无疑会挑起程序员之间的相互怒怼,那如果说JavaScript是动态性最好的语言,相信大家都不会有太大的争议。随着越来越多的硬件平台和开发板开始支持JavaS...

少年不搬砖老大徒伤悲
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部