007 样式与长度颜色
Posted hades0607
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了007 样式与长度颜色相关的知识，希望对你有一定的参考价值。
样式与长度颜色
1、基本样式
<head>
<style>
div {
width: 100px;
height: 100px;
background-color: red;
}
</style>
</head>2、长度
- px：像素(pixel)，屏幕上显示的最小单位，用于网页设计，直观方便
- mm：毫米
- cm：厘米
- in：英寸
- pt：点(point)，一个标准的长度单位，1pt＝1/72in，用于印刷业，非常简单易用；
- em：相当长度，通常1em=16px，应用于流式布局
3、颜色
- rgb()：三个值可为[0-255]数值或百分比，以,相隔（r:Red g:Green b:Blue）
- rgba()：前三个值可为像素或是百分比，最后一个为[0, 1]数值，以,相隔（r:Red g:Green b:Blue a:Alpha）
- hsl()：第一个值为[0,360]数值，后二个值可为百分比，以,相隔（h:Hue s:Saturation l:Lightness）
- hsla()：第一个值为[0,360]数值，中间二个值可为百分比，最后一个为[0, 1]数值，以,相隔（h:Hue s:Saturation l:Lightness a:Alpha）
AABBCC：六个十六进制位，每两位一整体，分别代表Red、Green、Blue，可以简写#abc
v_test：熟悉所有的长度单位与颜色表示方式
以上是关于007 样式与长度颜色的主要内容，如果未能解决你的问题，请参考以下文章