CSS中尺寸及颜色

不念不忘少年蓝@ 2022-06-10 23:11 278阅读 0赞

1.CSS中的尺寸

相对尺寸：

%:  所占父元素的百分比  如div\{width: 50%;\}

px: 像素，指屏幕上的一个点  如div\{width: 500px;\}

em: 倍率，表示标准字体大小的倍率 如div\{height: 3em\}

绝对尺寸：  在屏幕上使用的Web页面尺寸几乎不用绝对尺寸

cm：厘米

mm：毫米

in：英寸

pt：磅(72磅=1英寸)

2.CSS中的颜色

(1)英文字符表示  如red  green  silver

RGB表示法：

(2)三位整数 rgb(xxx, xxx, xxx)   如span\{color: rgb(255,0,0);\}

(3)三位百分比  rgb(xx%, xx%, xx%)   如span\{color: rgb(30%, 50%,0%);\}

(4)六位十六进制数  \#XXXXXX  如span\{color:\#FF0000;\}

(5)三位十六进制数  \#XXX 如span\{color: \#FC0;\}  => \#FFCC00

色彩理论：

原色：能够以一定的比例调配出其它颜色的颜色

**加色系**：以RedGreenBlue为原色的色彩体系。主动发光的物体发出来的颜色使用加色系，如太阳、火焰、灯、显示屏等。颜色越多越白。

**减色系**：以CyneMegatonYellow为原色的色彩体系。不会主动发光，而是发射其它光线的物体，使用减色系，如月亮、纸张、油画笔等。颜色越多越黑。

计算机中颜色表示法——加色系：

任意一个颜色都要使用Red、Green、Blue三个原色以一定的比例混合调配出来。

32位真彩色：使用8bit(0-255/00-FF)来描述一个原色的配比量

2^24

64位真彩色：使用16bit(0-65535/0000-FFFF)来描述一个原色的配比量

2^48

255,0,0 红色

0,255,0 绿色

0,0,255 蓝色

0,0,0 黑色

255,255,255 白色

10,10,10 深灰色

200,200,200 浅灰色

0,255,255 青色，红色的互补色

255,0,255 品红色，绿色的互补色

255,255,0 黄色，蓝色的互补色

230,180,10 土黄色

200,230,190

和谐色：

180 240 50

240 180 50

180 50 240

240 50 180

50 240 180

50 180 240

发表评论取消回复

表情：

评论列表（有 0 条评论，278人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS样式中颜色与颜色值的应用

使用CSS描绘页面样式时，颜色是其中不可或缺的，无论是对文本、背景还是边框、阴影，我们都写过无数代码用来增添颜色。而为了让网页的色彩表现更出色，我们很有必要完整梳理下CSS中的

阳光穿透心脏的1/2处/ 2024年03月17日 14:52/ 0 赞/ 88 阅读

相关 css颜色(css颜色表示方法)

css如何改变按钮的背景颜色和文字颜色？ ys\{border:1 solid \FFCC00;color: \FFCCFF;font-size: 9pt;font-st

╰+哭是因爲堅強的太久メ/ 2023年09月26日 12:59/ 0 赞/ 152 阅读

相关 css3媒体查询尺寸

转自：https://www.cnblogs.com/pangchunyu/p/11557487.html css3媒体查询尺寸 PC端按屏幕宽度大小排序（主流的用

短命女/ 2022年12月03日 09:14/ 0 赞/ 254 阅读

相关 CSS 边框颜色

CSS 边框颜色 <!DOCTYPE html> <html> <head> <style> p.one { border-style:

梦里梦外;/ 2022年11月13日 04:27/ 0 赞/ 268 阅读

相关 CSS中尺寸及颜色

1.CSS中的尺寸相对尺寸： %: 所占父元素的百分比如div\{width: 50%;\} px: 像素，指屏幕上的一个点如div\{width: 50

不念不忘少年蓝@/ 2022年06月10日 23:11/ 0 赞/ 279 阅读

相关 css尺寸单位

css尺寸单位有如下：像素px（pixls）:在web上，像素px是经典的度量单位，很多其他长度直接映射像素处理。 % ：百分比 in ：英寸 1in = 2.5

红太狼/ 2022年06月06日 10:07/ 0 赞/ 328 阅读

相关 css颜色

CSS允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。在这方面的能力css远远在html之上。 css颜色表示法（所有浏览器支持的） 1、rgb：使用rgb（

待我称王封你为后i/ 2022年06月06日 01:36/ 0 赞/ 297 阅读

相关 CSS颜色代码颜色值颜色名字大全

颜色值 CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义。对光源进行设置的最低值可以是 0（十六进制 00）。最高值是 255（十六

深碍√TFBOYSˉ_/ 2022年06月01日 01:12/ 0 赞/ 376 阅读

相关 CSS 颜色

颜色从哪来？一般来说，你要装修房子的话，得先找装修公司设计个最终效果图，然后交给装修师傅，让他按照这个图来实现效果。同样你做网页的时候，设计师也会给你一个最终的效果

爱被打了一巴掌/ 2022年05月27日 09:45/ 0 赞/ 257 阅读

相关 CSS颜色

颜色 > 颜色值的常用表示方式十六进制色 p{ background-color:0000ff; } RGB 颜色

深藏阁楼爱情的钟/ 2021年10月19日 10:18/ 0 赞/ 382 阅读