html CSS值和单位

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html CSS值和单位相关的知识,希望对你有一定的参考价值。

<!-- Color Values -->

<body>
<h1></h1>
<div>
hello
</div>
</body>

<style>

div{
	background-color:red; /* color keywords names */
}
div{
	background-color: #ff0033 ; /* color hexadecimal - combination of red (ff) green (00) blue (33) value - abbreviate if red(ff) is the same no (fd) */
}
div{
	background-color: rgb (65, 105, 255); /* rgb  mix red green blue - 255 max */
}
div{
	background-color: rgba (65, 105, 255, .9); /* rgb alpha (opacity of color semitransparent)  mix red green blue - 255 max */
}
div{
	background-color: hsl (248, 70%, 55%); /* hsl 3 values to determinate color 
	hue - color 
	saturation - take out color (desaturation 0%) 
	Lightness - light in color most light (100%)
	hsl color wheel */
}
div{
	background-color: hsla (248, 70%, 55%, .7); /* hsl with alpha */
}

</style>
 

以上是关于html CSS值和单位的主要内容,如果未能解决你的问题,请参考以下文章

CSS学习值和单位

(p121)值和单位

html/css/js-如何利用jq来更改属性的值和获取属性的值

4.css度量单位

[翻译]解读CSS中的长度单位

CSS单位