CSS中规则语句的详细解释

CSS中规则语句的详细解释
本文主要介绍CSS中规则的详细讲解,这是CSS入门学习中的基础知识,需要的朋友可以参考一下。

CSS规则由选择器和声明两部分组成,本文的第二部分将被声明。

语句包含两部分:属性和值。

属性点出其中的元素方面(颜色、身高等),和的值指示为什么属性设置(绿色,15px,等等)。

CSS属性值分为三类:

文本
数字值
颜色值

1。文本值

文本值也称为关键字。所有CSS属性都有文本值。

例如,边框样式属性有实心、虚线和插入值。
2。数字值

在一个数字值后面有一个单元,如一英寸或一点。在宣言中字体大小:12px,12是一个数值,和PX是一个单元(像素)。如果数字是0,你不必承担单位。

数值是用来描述元素的不同长度(CSS中的长度,意思是宽的,也有高度,宽度,厚度等),数字值分为两类:绝对值和相对值。
2.1的绝对值

绝对值描述了一个真实长度(例如,6英寸),而相对值则与其他基准描述相对(例如,它是某种类型的两倍)。
2.2相对价值
EM表示字体中字母m的宽度,所以它的大小取决于您使用的字体。

EX表示给定字体中字母x的高度。(小写字母X表示一种字体的字母,中间部分的高度不信——和mdash;上部和下部为例,D和P都在上面)。

这个百分比是用于设置所包含的元素的宽度很合适,在这个时间的百分比是相对宽度。设置HTML结构元素的宽度为身体的宽度是流程设计的关键。这样的布局设计可以追溯的比例为用户调整浏览器窗口大小。
三.颜色值

颜色值可以用来写几种不同的格式,包括RGB(红色、绿色、蓝色、红色、绿色、蓝色),
HSL(色调、饱和度、亮度、色彩、饱和度、亮度)和十六值(如颜色:# 336699)
3.1颜色名称

W3C定义了16个颜色关键字:

水色(浅绿色)、黑(黑)、蓝(蓝色),紫红色(紫红色),
Gray(灰色),绿色(Green)、石灰(黄律色)、褐(棕红色),
海军蓝(深蓝色),橄榄色(茶绿色),紫色(紫色),红色(红色),
银(银),青色(绿色)、白(白色)和黄色(黄色)。

提示:一般来说,颜色键在指定的白色和黑色中最常用。

3.2十六十六进制颜色

格式:# rrggbb
例如:# ff8800
解释uff1a

6位数字的前两位定义为红色(红色),中间定义为绿色(绿色),第二位定义蓝色(蓝色)。

十六是基地16,使用数字0-9 A-F和一封信,共有16个值。其中,A-F表示10到15。因为每一种颜色都是由两个十六位二进制值表示的,所以颜色有256(16times,16)可能的值,结果为16777216(256times;256times;256)组合,即它可以表达各种颜色。

范围是16 00-FF,00意味着没有颜色,和FF表示最强烈的颜色。所以# 000000是黑色的,# ffffff是白色的,# FF0000是纯红,# 00ff00是纯绿色,和# 0000ff是纯蓝。

如果在三值对每对两个相同的数字,你也可以使用缩写形式:# RGB
例如:# ff3322 = # F32(深红色),# ffffff = # FFF(白色)

提示:在设置阴影时,速记可以节省大量的精力。

3.3 RGB颜色值

格式:RGB(R,G,B)
示例:RGB(0, 255, 0)
解释uff1a

可以指定每个颜色的值为0到255(包括)。

与十六个RGB值一样,只使用十进制值。因为在每种颜色中有256种可能性,它所能代表的颜色数与十六种系统格式相同。

3.4 RGB百分比值

格式:RGB(R %,G %,B %)
注:可接受的值是0%到100%,虽然这种方法只能代表一百万(100次,100次,100次)的面积,这对我们很多人来说已经足够了。
3.5 HSL

格式:HSL(颜色,饱和度,亮度%)
解释uff1a

HSL更直观,比各种RGB方法我们已经看到,因为它是更易于编写和理解色彩。

在HSL颜色的第一个值表示颜色的阶段,就是一个真实的颜色,如红和绿,
一周内的色相(也称为颜色)周围的颜色,以及圆周度上的色相值。
彩虹大约是色轮的颜色:
红色:0
Orange:35
黄:60
绿色:125
蓝色:230
靛蓝:280
紫色:305

饱和度由多个颜色组成,灰度饱和度低,强烈的色彩饱和度高。亮度设置颜色的阴影,0%是黑色的,100%是白色的。

如果以上七彩虹色调值要记住,或在手上,然后你会发现什么颜色是不难write.rgb和十六色值要求你混色首先在大脑中,和HSL只有一个值来表示颜色,饱和度和亮度都设置为50%,你可以轻易做出任何你想要的颜色。

3.6 Alpha通道

RGB和HSL设置颜色透明度alpha通道支持。相应的格式称为RGBA和HSLA。其中,A(α)在两种格式的值可以为1(完全不透明)或0(完全透明),或一个小值1和0之间。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部