CSS--值和单位
等价颜色表
什么叫Web安全色
所谓的“web安全”颜色是指在256色计算机系统上总能避免抖动的颜色。
Web安全颜色可以表示为RGB值为20%和51（相应的十六进制值为33）的倍数。
如果使用RGB百分数，要让所有这3个分量都要么是0%，要么是一个能被20整数的数
同理，如果是使用0~255范围的RGB值，则各分量值要么是0要么是能被51整数的数。
如果是采用十六进制记法，，使用值00、33、66、99、CC和FF的三元组才是Web安全颜色。
绝对长度单位
有5种绝对长度单位。英寸（in）、厘米（cm）、毫米（mm）、点（pt）、派卡（pc）
英寸：美国尺子上的单位
厘米：全世界尺子上的单位。1in=2.54cm 1cm=0.394in
毫米：10mm=1cm 1in=25.4mm 1mm=0.0394in
点：点是一个标准的印刷度量单位 1英寸是72点（举例来说如果文本的首字母设置为12点，就相当于1英寸的1/6高）
派卡：1派卡相当于12点，6派卡等于1英寸
相对长度单位
相对单位：根据与其它事物的关系来度量，共有3种相对长度单位：em,ex,px
其中，em代表em-height 、ex代表x-height、px代表像素。
一个em定义为一种给定字体的font-size值。（举例说明：如果一个元素的font-size为14像素，那么对于该元素而言1em就等于14像素）
在设置字体大小的时候，em的值会相对于父元素的字体大小改变。
ex是指所用字体中小写x的高度，但这只是理论，一般的1ex=0.5em
之所以像素是相对长度，是因为显示器上的小色框是像素。在打印的时候，1px可能要使用96ppi参考像素。
em是最灵活的，因为它随字体大小缩放，所以元素和元素操作都能更为一致。
零散却很有用的css小知识
1、在CSS中，相对URL要相对于样式表本身，而不是相对于使用该样式表的HTML文档
2、使用background:url(图片路径),注意这里url和开始括号之间不能有空格，如果存在空格，整个声明都将无效，以至于被忽略。
3、inherit是所有属性共有的一个关键字,使一个属性的值与其父元素的值相同
<head>
<style type="text/css">
#toolbar {
background: blue;
color: white;
}
#toolbar a {
color: inherit; /*只有加上了这句话之后 a链接的颜色才为白色 否则就为默认浏览器设置的蓝色*/
}
</style>
</head>
<body>
<div id="toolbar">
<a href="'#">one</a>|
<a href="#">two</a>|
<a href="#">trhee</a>
</div>
</body>
CSS2单位
1、角度值：度(deg)、梯度(grad)、弧度(rad) 无论如何声明，这些值都会解释为0~360范围内的度数。如：-90deg=270deg
2、时间值：毫秒(ms)、秒(s)
3、频率值：赫兹(Hz)、兆兹(Mhz) 值后面的标签Hz或Mhz不区分大小写
CSS--值和单位的更多相关文章
- 过渡与动画 - steps调速函数&CSS值与单位之ch
写在前面 上一篇中我们熟悉五种内置的缓动曲线和(三次)贝塞尔曲线,并且基于此完成了缓动效果. 但是如果我们想要实现逐帧动画,基于贝塞尔曲线的调速函数就显得有些无能为力了,因为我们并不需要帧与帧之间的过 ...
- Web前端新人笔记之CSS值和单位
数字 颜色——命名颜色 在Css2.1中规范定义了17个颜色名.包括html4.0中定义的16个颜色及外加一个橙色: <h1 style="color=aqua">aq ...
- CSS样式设置语法全解，样式优先级、值和单位、字体、文本、块级元素，行内元素，替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css选择器全解 css操作语法全解 CSS样式设置语法全解: 样式优先级 1. !important标记的样式 > 内联样式(sty ...
- web（六）css的基本语法、取值与单位
css语法包含如下部分: 选择器:用于选择需要添加样式的元素. 属性(property):样式的属性名称,例如color代表颜色. 取值与单位:属性对应的值以及单位. 语法规则:css的某些固定语法. ...
- html,CSS文字大小单位px、em、pt的关系换算
html,CSS文字大小单位px.em.pt的关系换算 这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷.我一直也搞不清楚px与 ...
- CSS里的单位
CSS中预设了16种颜色以及16种颜色的衍生色,这16种颜色是CSS规范推荐的.并且一些主流的浏览器都可以识别.例如以下表所看到的: 十六进制颜色是最经常使用的定义方式.它的基本格式为#RRGGBB, ...
- 一起来看看css中的单位
一起来看看css中的单位 由于一直以来对于css中的百分比单位究竟是相对于谁的比例,这个问题不是很了解,所以就专门找资料看了一下. <div class="container w500 ...
- css中关于单位的一些问题
Css中关于单位的一些问题 相对字体长度: Em:Em 是一个相对单位.起初排版度量时是基于当前字体大写字母”M”的尺寸的.当改变font-family时,它的尺寸不会发生改变,但在改变font-si ...
- CSS文字大小单位px、em、pt详解
这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷.我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大.平时都是用p ...
- JS获取元素CSS值的各种方法分析
先来看一个实例:如何获取一个没有设置大小的字体? <!DOCTYPE html> <html lang="en"> <head> <met ...
随机推荐
- ionic —— 开发环境搭建并编译运行第一个APP
其实类似的环境已经玩了很多次了,最开始玩还是微信刚刚出来,那会儿没有智能机.只好安装一个模拟器,却只是为了注册一个微信.想想也就是够了~ 前前后后折腾了很多次,可是每一次都给人不一样的感觉,也许是这个 ...
- 使用Aspose.Cells生成Excel的方法详解（转）
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System ...
- Docker部署SDN环境
2014-12-03 by muzi Docker image = Java class Docker container = Java object 前言 5月份的时候,当我还是一个大学生的时候,有 ...
- Javascript/jQuery 获取地址栏URL参数的方法
1.jquery获取url很简单,代码如下 window.location.href; 2.javascript获取url参数 function getUrlParam(name) { var reg ...
- java机器学习工具包
下面是25个Java机器学习的工具&&库列表: 1. Weka 是一个数据挖掘任务机器学习算法的集合.这些算法可以直接应用于数据集或者在你自己的Java代码中调用.Weka 包含 数据 ...
- java中的URLConnection
*URLConnection是个抽象类,它有两个直接子类分别是HttpURLConnection和JarURLConnection.另外一个重要的类是URL,通常URL可以通过传给构造器一个Strin ...
- Python 练习册
01:将你的 QQ 头像(或者微博头像)右上角加上红色的数字,类似于微信未读信息数量那种提示效果 [图像处理] 类似于图中效果: py 2.7代码: from PIL import Image, Im ...
- Android 轻量级输入校验库：Fire Eye
Fire Eye是一款轻量级简单易用的Android校验库. FireEye 2.0 在 1.0 的基础上,全部重写了代码,并优化了架构,性能上和逻辑上都大大提升.只需要几行代码,即可验证用户输入,并 ...
- T3 任职定级面试准备
山东大学计算机专业本科毕业,工作8年,以前在华为工作,来YY正好1年. 个人心态开放积极,对未知事物好奇心很强,前沿科学.古老宗教皆有涉猎.英语口语能力较强,能和老外流程的交流.技术涉猎广泛,喜好研究 ...
- 50ms延时程序
12MHz晶振 一个机器周期2us, DEL: MOV R7,#200D DEL1: MOV R6,#125 DEL2: DJNZ R6,DEL2 ;125*2=250us DJNZ R7,DE ...