CSS 尺寸单位和颜色单位

Dorissun

2016-08-10

尺寸

单位	描述
%	百分比
in	英寸
cm	厘米
mm	毫米
em	1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。例如，如果某元素以 12pt 显示，那么 2em 是24pt。在 CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。
ex	一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。)
pt	磅 (1 pt 等于 1/72 英寸)
pc	12 点活字 (1 pc 等于 12 点)
px	像素 (计算机屏幕上的一个点)

颜色

单位	描述
(颜色名)	颜色名称 (比如 red)
rgb(x,x,x)	RGB 值 (比如 rgb(255,0,0))
rgb(x%, x%, x%)	RGB 百分比值 (比如 rgb(100%,0%,0%))
#rrggbb	十六进制数 (比如 #ff0000)

css颜色 background border padding css

Dorissun

0 关注 0 粉丝 0 动态

相关推荐

css条纹背景样式、及方格斜纹背景的实现

上面代码表示整个图片的上部分20%和下部分20%是对应的纯色，只有中间的部分是渐变色。如果让中间的部分逐渐缩小，当中间部分变为0即上下两种颜色的七点和终点相同是，就没有了渐变而变成了两种颜色的色条:. 注意还需颠倒background-size长宽的设定。

CaiKanXP 2020-06-13

css的文字颜色渐变

在css中，有盒子背景图片颜色渐变，但是文字颜色渐变确很少提及，主要还是目前浏览器的支持程度还不高，只有在Safari和chrome能起作用

buttonChan 2020-06-06

相关CSS样式

#full{position: absolute;background:#F7F7F7;left: 0;top: 0;display: none; z-index:2;filter:alpha;opacity :1.0}//遮罩层。5 背景定位 {back

NARUTOLUOLUO 2011-06-24

web前端入门到实战：Css背景定位

同一个标签可以同时设置背景颜色和背景图片，如果颜色和图片同时存在，那么图片会覆盖颜色。那我们用小图片不就得了，这其实也不行，因为我们每个人的屏幕分辨率大小都不同，因此需要一张较大的背景图片来解决上面的问题。

dazhifu 2020-01-17

web前端入门到实战：CSS背景background

专门建立的学习Q-q-u-n⑦⑧④-⑦⑧③-零①② 分享学习方法和需要注意的小细节，不停更新最新的教程和学习技巧。将背景图固定在网页某个位置，一直处于可视区域中，不会随着网页滚动条滚动发生变化，但是会显示在原容器中

CaiKanXP 2020-01-04

css盒子模型之边框宽度，边框颜色与边框样式

width和height只是设置盒子内容区的大小，而不是盒子的整个大小，盒子可见框的大小由内容区，内边距和边框共同决定。如果border-width后面跟一个值，则设置的是上，右，下，左边框的宽度都是该值；如果border-width后面跟两个值，则分别设

zengni 2019-12-03

妙用CSS变量，让你的CSS变得更心动

「CSS变量」又叫「CSS自定义属性」，为什么会突然提起这个很少人用到的东西呢？因为最近在重构个人官网，不知道为什么突然喜欢用上「CSS变量」，可能其自身隐藏的魅力，让笔者对它刮目相看。谈到为什么会在CSS中使用变量，下面举个栗子，估计大家一看就会明白。看

nicepainkiller 2020-07-24

前端工程师面试题汇总-5

属于元素事件属性的是( )正确答案: A CA. onblurB. requiredC. onfocusD. onsearch. 关于link与@import的区别:区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@impo

CSSEIKOCS 2020-07-18

css基础教程

HTML 标签原本被设计为用于定义文档内容。通过使用 <h1>、<p>、<table> 这样的标签，HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式

冰蝶 2020-07-04

css

表现HTML或XHTML文件样式的计算机语言。包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定。网页的表现统一，容易修改。丰富的样式，使得页面布局更加灵活。减少网页的代码量，增加网页的浏览速度，节省网络带宽。运用独立于页面的CSS，有利于网页被

sdbxpjzq 2020-06-25

css改变svg的颜色

<!DOCTYPE html>. <meta name="viewport" content="width=device-width, initial-scale=1.0">. <met

lanzhusiyu 2020-06-09

CSS选择器--乐字节Java

CSS层叠样式表, 是一种用来表现HTML或XML等文件样式的计算机语言。CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。CSS是用来美化

opspider 2020-06-06

CSS之插入样式表

当读到一个样式表时，浏览器会根据它来格式化 HTML 文档。按照内联样式表、内部样式表、外部样式表的顺序依次继承样式。当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。<lin

heavenautumn 2020-05-31

CSS揭秘（一）

按钮的代码如下，但若需要mini，small，medium，等不同尺寸版本的按钮，就得改动很多处代码。RGBA是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha三个单词的缩写。L：Lightness(亮度)：取值在0%~100%，0

MaureenChen 2020-05-17

css文字不透明度怎么设置？

在css中有很多好看的样式都可以实现，css设置出来的样式让整个网页看起来也会非常美观，今天的这篇文章就给大家来介绍一下在css中怎么设置文字的透明度，让你的文字在网页中看起来是透明的。rgba()方法与opacity方法虽然都可以实现透明度效果，但rgb

zhanghao 2020-05-10

css大纲

通过link标签引入，rel属性指定资源和页面的关系，href属性资源的地址。或者@import不建议使用。默认会水平垂直铺满背景图。background-attachment背景图随滚动条移动的方式。scroll默认背景位置按照当前位置偏移。border

waterv 2020-05-04

bootstrap.min.css和基于bootstrap的ace.min.css的.navbar样式颜色冲突问题

我正在做一个系统，一开始使用的是bootstrap.min.css的.navbar样式，默认颜色灰色，个人感觉还挺好看。后来又相中了ace的左侧的导航条，就引用了。然后发现前面的页面菜单栏是灰色，即默认色，而面的变成了蓝色。

xiaohuli 2020-04-22

css样式第一课

css是指层叠样式表，基础语法为选择器和一条或多条声明。层叠样式表有三种引用方式，分别是内联样式表，内部样式表和外联样式表最常用。css的指示器有元素选择器、id选择器、类选择器。相同的指示器后面的声明会将前面的声明覆盖。color颜色size尺寸heig

coulder 2020-04-14

26 个 CSS 面试的高频考点助力金三银四

CSS是层叠样式表的缩写，是一种样式表语言，用于描述以 HTML 之类的标记语言编写的文档的布局。它是用于设计Web页面的三剑客之一，另外两位浩客是HTML和Javascript。CSS 的设计目的是使样式和内容分离，包括布局、颜色和字体。既然我们已经讨

沈宫新 2020-04-10

css引入方式

-- <link type="text/css" href="cssstyle.css"rel="stylesheet">--> <link type=&quo

coulder 2020-04-07

Dorissun

W3CSchool教程: HTML 教程; CSS 教程; Bootstrap 教程; Javascript 教程; jQuery 教程

后端教程: C 教程; Java 教程; PHP 教程; Python 教程; Go 教程

移动开发: Android 教程; Swift 教程; Kotlin 教程; jQuery Mobile 教程; ionic 教程

关于我们: 新闻动态; 联系方式; 招聘英才; 安科实验室; 帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号京公网安备11010802014868号