文档章节

值和单位

拉普拉斯婷
 拉普拉斯婷
发布于 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
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
Wormhole协议规范0.0.6

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

姜家志
08/16
0
0
c语言基础学习10_关于文件操作的复习

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

黑泽明军
01/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

自定义Ubuntu/Windows双系统引导菜单主题

学习Linux自然少不了要装双系统,其中Ubuntu便是我们用的最多的Linux系统。装完双系统后,Ubuntu会自动生成grub开机引导及菜单,及其丑陋,而且很多我们用不到的选项。今天我们就介绍burg:修...

Linux就该这么学
6分钟前
0
0
Go 并发(二)

Go Mutex 通过Mutex和信道处理竞态条件。 临界区 当程序并发运行时,多个协程不应该同时访问那些修改共享资源的代码,这些修改共享资源的代码称为临界区。 Go中通过Mutex可以避免同时访问临界...

春哥大魔王的博客
8分钟前
0
0
CentOS 7安装和部署Docker

Docker 要求 CentOS 系统的内核版本高于 3.10 ,查看本页面的前提条件来验证你的CentOS 版本是否支持 Docker 。通过 uname -r 命令查看你当前的内核版本 uname -r3.10.0-514.el7.x86_64 1、...

狼王黄师傅
12分钟前
0
0
php扩展可以通过pecl 或者phpize 安装

pecl 算是 php 扩展的一个官方聚合平台,一些比较有名,有特点的扩展会被 pecl 收录,收录后可以通过 pecl 的方式安装。但是更多的扩展是没有收录在 pecl 上的,这些扩展还是需要通过 phpize...

bengozhong
13分钟前
0
0
CentOS中如何安装7ZIP

执行以下命令下载安装: wget http://nchc.dl.sourceforge.net/project/p7zip/p7zip/9.20.1/p7zip_9.20.1_src_all.tar.bz2tar -jxvf p7zip_9.20.1_src_all.tar.bz2cd p7zip_9.20.1make......

凯文加内特
18分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部