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 ...
随机推荐
- 如何拿到半数面试公司Offer——我的Python求职之路
从八月底开始找工作,短短的一星期多一些,面试了9家公司,拿到5份Offer,可能是因为我所面试的公司都是些创业性的公司吧,不过还是感触良多,因为学习Python的时间还很短,没想到还算比较容易的找到了 ...
- Node基础:url查询参数解析之querystring
模块概述 在nodejs中,提供了querystring这个模块,用来做url查询参数的解析,使用非常简单. 模块总共有四个方法,绝大部分时,我们只会用到 .parse(). .stringify() ...
- ul、li实现横向导航按钮
好久没写博客了,主要是懒得呼气都不想呼,上周分给我一个新的任务,就是自己新建一个系统,快速极限开发,虽然之前自己也做过小的系统,但毕竟是自己做,随着自己的心意做,没有做其他的限制等,现在呢是给公司做, ...
- 一起来学node.js吧 node school简介
node.js这几年火爆的简直丧心病狂,去lagou.com查查node.js的职位,那叫一个多. 要说火爆到什么程度,竟然有一个网站专门去教大家学习node.js, Node School. 进去逛 ...
- 【bzoj1601】[Usaco2008 Oct]灌水(MST)
题目:http://hzwer.com/1158.html 分析: 解法很巧妙,弄一个超级源,对某个点装水井相当于把这个点连向超级源,边权为这个点的点权,然后跑最小生成树就行了
- C#,JavaScript两种语言 2048小游戏
<html> <head> <style type="text/css"> .haha { border-width: 2; font-size ...
- MVC认知路【点点滴滴支离破碎】【三】----IIS7.5上部署MVC4.0
发布web到iis不能运行Google ----- ╲ http://stackoverflow.com/questions/12057540/installing-asp-net-mvc-4-o ...
- 【JavaEE企业应用实战学习记录】struts2登录
<%-- login.jsp Created by IntelliJ IDEA. User: Administrator Date: 2016/10/6 Time: 16:26 To chang ...
- [转]JS中对象与字符串的互相转换
原文地址:http://www.cnblogs.com/luminji/p/3617160.html 在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候,碰到了问题: thr ...
- bzoj1051
就是一个tarjan #include<iostream> #include<stack> #include<cstdio> using namespace std ...