我从来不相信什么懒洋洋的自由,我向往的自由是通过勤奋和努力实现的更广阔的人生,那样的自由才是珍贵的、有价值的;我相信一万小时定律,我从来不相信天上掉馅饼的灵感和坐等的成就。做一个自由又自律的人,靠势必实现的决心认真地活着。---山本耀司
无论
style
元素在何处定义CSS样式,id
选择器都会覆盖class
选择器声明的样式。内联样式(Inline Style):优先级高于
id
选择器。但无论class
选择器或是id
选择器声明!important
属性,其优先级均高于内联样式,并且遵循就近原则。
<style>
.pink-text {color: pink !important;}
.red-text {color: red !important;} /*就近原则*/
#blue-text {color: blue !important;}
</style>
颜色的十六进制表示
-
在CSS中,使用6位十六进制数来表示颜色。红色(R)、绿色(G)、蓝色(B)。
0
是十六进制最小的一位,表示颜色完全缺失,如#000000
表示黑色;
F
是十六进制最大的一位,表示可能的最大亮度,如#FFFFFF
表示白色。 -
01:使用6位十六进制的数来表示颜色,可以提供巨量的颜色变化,有16的6次方(近1600万)种颜色。
Hex-code遵循Red-Green-Blue(rgb格式),前两位代表红色(Red)、中间两位代表绿色(Green)、最后两位代表蓝色(Blue)。
纯红色:
#FF0000
;纯绿色:#00FF00
;纯蓝色:#0000FF
。
纯红色混合一些绿色,没有蓝色时可以得到橘黄色(Orange):#FFA500
。
三种颜色平均混合可以得到不同程度的灰色(Gray):#808080#
。
6位数字:#AABBCC
时,可以简写为#ABC
。 02:使用
rgb值
来表示颜色。如:黑色rgb(0,0,0)
、白色rgb(255,255,255)
。
使用0-255中任意一个数字来表示每种颜色的亮度(十进制的数字255<=>十六进制FF
)。