美文网首页
CSS值和单位

CSS值和单位

作者: paradisefj | 来源:发表于2020-03-12 08:17 被阅读0次

数字

CSS中有两类数字:整数和实数

百分数

百分数是一个计算得出的实数,总是相对于另一个值,这个值是任意的,可能是同一个元素另一个属性的值从父元素继承的一个值祖先元素的一个值

颜色

命名颜色

CSS规范中定义了17个颜色名。aqua,fuchsia,lime,olive,red,white,black,gray,maroon,orange,silver,yellow,blue,green,navy,purple,teal

RGB/RGBA

函数RGB

函数rgb(color),其中color用一个百分数或者整数三元组表示。百分数范围0%100%,整数范围0255。

rgb(red, green, blue, alpha), Alpha透明度,取值0~1之间

十六进制RGB

加三个介于00~FF的十六进制数连起来来表示颜色。

例如: h1 { color: #FF000; } 等价于 RGB(255,0,0);

长度单位

绝对长度

有五种绝对长度单位:

  1. 英寸(in)

  2. 厘米(cm)

  3. 毫米(mm)

  4. 点(pt) (标准印刷度量单位) 1英寸是72点

  5. 派卡(pc) 印刷单位 1派卡相当于12点,6派卡等于1英寸

只有当浏览器知道用来显示页面的显示器、打印机或者其他任何用户代理的所有细节时,这些单位才有用。

相对长度

  1. em

    1个em定义为一种给定字体的font-size值。如果一个元素的font-size为14像素,那么对于该元素,1em就等于14像素。

  2. ex

    是指所用字体中小写x的高度。

  3. px

    像素

URL

url(prococol://server/pathname)或者url(pathname)

例如: url(http://www.baidu.com/a.png)

在CSS中,相对URL要相对于样式表本身,而不是使用该样式的HTML文档

url和开始括号之间不能有空格

相关文章

  • CSS 单位和值

    颜色值 在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框...

  • CSS值和单位

    数字 CSS中有两类数字:整数和实数 百分数 百分数是一个计算得出的实数,总是相对于另一个值,这个值是任意的,可能...

  • css 单位和值

    css 单位和值 一、绝对长度单位 常用的绝对长度单位: px pixel 是 CSS 中最常用的长度单位,可以用...

  • 几个CSS的单位你需要了解一下

    css长度单位 css 长度单位一般我们分为绝对长度单位和相对长度单位 绝对长度单位 绝对长度单位是一个固定的值,...

  • 笔记:CSS的常用值和单位

    在CSS中,值的类型有很多种,一些很常见,一些你却几乎没怎么遇到过。我们不会在这篇文档中面面俱到地描述他们,而只是...

  • CSS 基础

    CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...

  • 单位和值

    一、颜色值网页中的颜色有字体颜色(color)、背景颜色(background-color)、边框颜色(borde...

  • 值和单位

    用RGB指定颜色 计算机通过组合不同的红色,绿色,蓝色分量来创造颜色,称为RGB颜色 语法:rgb(color):...

  • 单位和值

    颜色值 在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框...

  • 值和单位

    数字 百分数 同一元素的另一个属性值从父元素继承的一个值祖先元素的一个值 aqua(青色), fuchsia(洋红...

网友评论

      本文标题:CSS值和单位

      本文链接:https://www.haomeiwen.com/subject/dmuejhtx.html