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 ...
随机推荐
- css+div 浮动分块
前段时间学过几天html,只是怀着了解的态度,能够读懂别人的页面,能够扒现成就行,一直没有自己动手去实践过,其实也不是没有实践过,前段时间扒了一个网页,想按照自己的要求来改,可后果是越改越乱.今天心血 ...
- 自己画WinForm 皮肤包括默认控件
好久没来博客园,今天捣鼓到现在就是为了把之前的皮肤控件完善好, 之前也看了很多技术文章,大多数都是自己重写系统控件实现换肤,几乎没有像东日的(IrisSkin)控件一样 添加一个组件 把系统的皮肤全换 ...
- [译]用AngularJS构建大型ASP.NET单页应用（三）
原文地址:http://www.codeproject.com/Articles/808213/Developing-a-Large-Scale-Application-with-a-Single A ...
- 20160803 - C:\WINDOWS\system32\config\systemprofile\Desktop 不可用的解决
问题:某些软件在从注册表读取用户桌面地址时,欠考虑的%USERPROFILE%的情况,例如迅雷打开文件时,会提示: [Window Title]位置不可用 [Content]C:\WINDOWS\sy ...
- HDInsight － 1，简介
最近工作需要,要看HDInsight部分,这里要做笔记.自然是官网资料最权威,所以内容都从这里搬过来:https://azure.microsoft.com/en-us/documentation/a ...
- IT人员如何保护视力
最近感觉眼比较难受,有点干,估计是因为用上老婆淘汰的iPhone5C后屏幕太小,而我又是一个手机瘾重点患者的原因.为了保持自己5.0+的视力,做了以下工作,分享给各位朋友: Win7电脑将字体放大到1 ...
- js中各种宽度高度总结
offsetWidth 是对象的可见宽度,包滚动条等边线,会随窗口的显示大小改变 IE6.0.FF1.06+:offsetWidth = width + padding + borderoffsetH ...
- error_reporting（）
定义和用法 error_reporting() 设置 PHP 的报错级别并返回当前级别. 语法 error_reporting(report_level) 如果参数 level 未指定,当前报错级别将 ...
- mysql中IFIND_IN_SET和like的区别
在数据库中新建一张测试表t_user,包含三个字段'id','name','grilfriend',字段很容易看出,这是记录一个人的女朋友的表,注意这里的‘firlfriend’字段可以是多个人名,之 ...
- git 查看生成对象
1. find . 查看目录中所有对象 2. find .git/objects 查看所有对象 3. git cat-file -p 散列值 输出文件内容