颜色和单位

颜色单位

1.命名颜色  如red white gray olive(橄榄色)

2.16进制颜色(红 绿 蓝 基本色)如#afaf56 (0~9  a~f)

3.rgb(0~255,0~255,0~255)或rgb(10%,0%,100%)不是所有浏览器都支持rgb的百分比

4.rgba(0~255,0~255,0~255,0~1) 0~1表示不透明度黑色啦 alpha

5.hsl(0~360,0%~100%,0%~100%)hue色调   saturation饱和度      lightness亮度

目前运用最广的

6.hsla(0~360,0%~100%,0%~100%,0~1)  0~1透明度

7.网络安全色(216个)   各种浏览器各种机器都可以无损失无偏差输出的色彩集合

网络安全色是当红色(Red)、绿色(Green)、蓝色(Blue)颜色数字信号值(DAC Count)为0、51、102、153、204、255时构成的颜色组合,它一共有 6 * 6 * 6 = 216 种颜色(其中彩色为210种,非彩色为6种)

 

CSS的单位

绝对单位
英寸(in),厘米(cm),毫米(mm),磅(pt),pica(pc)
1in=2.54cm ,1cm=0.394in
pt是标准的印刷量度,一般用来设定文字的大小,广泛用于打印机,文字程序,72pt=1in=2.54cm1pc=12pt

相对单位:em   ex    px

指在度量时需要参照其他页面元素的单位值,比如屏幕分辨率,可视区域的宽度,客户个人的设置等,这些参照单位会随着参照标准的变化而发生变化

1em就是当前字体的font-size的值  如font-size:16pt   则1em=16pt

ex是以给定字体的小写字母“x”高度作为基准 不同字体则高度不一定相同

px也称为像素,目前使用最广泛的度量单位 1px是电脑屏幕上的一个小方格

 

 

原文地址:https://www.cnblogs.com/l-mz/p/9825126.html

时间: 2024-10-22 16:24:47

颜色和单位的相关文章

【内存优化】加载一张图像资源到底占据多少内存

0.内容概览 1. 简介 2. 问题 3. 概念描述 4. 具体分析 5. 总结 6. 参考文档 1.简介 Android中经常要通过ImageView进行图片资源显示.在加载图片时,首先要考虑的两个因素就是体验问题和性能问题. 其中,体验问题是指图片显示的是否正确(例如Universal-Image-Loader在适配Adapter图片资源时会导致图片显示错位),分辨率是否合适等.而体验问题主要是指图片加载速度,以及更加重要的图片加载的内存占用问题.本文重点介绍ImageView加载图片中的内

H5第一周

<!DOCTYPE html><!--   ↑ 声明文档类型为HTML5文件.       文档声明,在HTML文档必不可少,且必须放在文档第一行.--> <head>    <!--{meta标签}    1.charset属性:单独使用.设置文档字符集编码格式.          >>>写法:<meta charset="UTF-8">       >>>常见的中文编码格式:    GB-23

CSS文本与文字

CSS中长度与颜色 CSS中的文字属性 CSS中的文本属性 14.1 CSS中长度与颜色 长度单位                 说明 in                英寸 cm                公分 mm                公里 cm                以目前字体高度为单位 ex                以小写字母高度为单位(大部分不支持) pt                1pt/72英寸 pc                1pc/12p

ZOJ - 2575 Full of Painting

Description Tingting wants to draw and stucco N squares with N different colors full of the base line of a wall. Give you the number of squares, the length of the wall, the minimum size and the maximal size of each square and the price of stuccoing o

CSS的学习使用

<head> <meta charset="UTF-8"> <title>CSS常用选择器</title> <!--HTML注释--> <style type="text/css"> /*CSS语法必须写在<style>标签中*/ /*CSS注释*/ [锁定] /*命名:body中table后+id="table" 如<table id="tabl

2017.3.12 H5学习的第一周

本周我开始了H5的学习,在这一周里我们从html的基本标签开始一直讲到了才算css的用法,接下来我将记录下来本周我学到的H5的内容. 首先是声明文档,声明文档类型是HTML5文件,它在HTML文档必不可少且必须放在文档第一行. 写法:<!DOCTYPE html>. 接着我们学习了html的基本结构: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&

文字与文本

14.1css中长度和颜色in 英寸cm 公分mm 公里cm 以目前高度为单位ex 以小写字母高度为单位pt 1pt/72英寸pc 1pc/12ptpx 像素(推荐使用)十六进制 如:color:#ff0000颜色名称 如:color:red三原色单位 如:rgb(255,0,0) 一般用十六进制,三原色单位[红(r)绿(g)蓝(b)]混合的每个数值在0~255 14.2css中的文字属性font-style normal 正常显示 italic 斜体font-size 像素 字体大小 百分比

css基础样式总结

颜色和单位的使用 颜色 用颜色的名字表示颜色,比如:red 用16进制表示演示 比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-255之间一般都用16进制表示颜色 单位 px:像素,与分辨率设置相关. %相对于浏览器的百分之多少,可以对宽度width做设置,不可以对height做设置 文本样式(text) color:设置文本颜色 text-align:设置文本对齐方式 center left right letter-spacing:字间距/字母间距 word-

标准化css属性顺序

前言 对于css文件而言,选择器的写法有它的讲究,如—— 1> 不要用ID选择器 2> 不要用通配符*选择器 3> 选择器的层级 ...... 对于属性值的写法也有他的讲究,如—— 1> 复合属性,如font.background.margin.padding等 2> 颜色.单位.hack.css3属性等 ...... 大家往往忽略一点,便是属性的书写顺序. 来自http://mdo.github.io/code-guide/,它所提倡的css属性顺序如下—— 1> P