长度与颜色单位

样式与长度颜色

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:熟悉所有的长度单位与颜色表示方式

原文地址:https://www.cnblogs.com/fxc-520520/p/9680666.html

时间: 2024-10-22 16:24:43

长度与颜色单位的相关文章

css颜色单位

/* 用颜色的单词表示不同的颜色:red, green, blue等等 */ p { background-color: red; } /* 用rgb三元色表示,rgb => red, green, blue rgb的浓度值:r(0~255), g(0~255), b(0~255) */ p { background-color: rgb(0, 0, 255); /* 蓝色 */ } /* rgb的百分比:r(0%~100%), g(0%~100%), b(0%~100%) 0必须写成0%否则不

样式与长度颜色

样式与长度颜色 1.基本样式 <head>    <style>        div {            width: 100px;            height: 100px;            background-color: red;       }    </style></head> 2.长度 px:像素(pixel),屏幕上显示的最小单位,用于网页设计,直观方便 mm:毫米 cm:厘米 in:英寸 pt:点(point),一个

前端详细介绍1

一:CSS的三种引入方式 1:行间式 ①:在标签头部的style属性内 ②:属性值满足的是css语法 ③:属性值用key:value形式赋值,value具有单位 ④:属性值之间用分号(:)隔开 例: 2:内联式 ①:在style标签内(style标签一般作为head的子标签) ②:属性值满足的是css语法 ③:属性值用key:value形式赋值,value具有单位 ④:属性值之间用分号(:)隔开(一般独行分开赋值) ⑤:格式:选择器{样式块} 例: 3:外联式 ①:在外部CSS文件中 ②:属性值

颜色和单位

颜色单位 1.命名颜色  如red white gray olive(橄榄色) 2.16进制颜色(红 绿 蓝 基本色)如#afaf56 (0~9  a~f) 3.rgb(0~255,0~255,0~255)或rgb(10%,0%,100%)不是所有浏览器都支持rgb的百分比 4.rgba(0~255,0~255,0~255,0~1) 0~1表示不透明度黑色啦 alpha 5.hsl(0~360,0%~100%,0%~100%)hue色调   saturation饱和度      lightnes

如何实现色条随输入密码长度变化效果

如何实现色条随输入密码长度变化效果:在很多网站注册页面都有这样的功能,当用户输入密码的时候,下面会出现一个色条,色条的长度会跟随输入密码的长度变化,并且色条的颜色也会根据输入密码长度的不同有所改变,一般是用来提示密码强度.下面就简单介绍一下使用jQuery如何实现此功能.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="auth

网页开发中的单位解决问题

网页开发中有哪些单位? 像素(px) 根据显示器的分辨率来确定长度,在web应用中多采用该单位. 点数(pt) 根据windows系统定义的字号大小来确定长度. 英寸(in).厘米(cm)和毫米(mm) 根据显示的实际尺寸来确定长度,此类单位不随显示器分辨率的改变而改变. 12pt字(pc) 即windows系统定义的12字号大小为单位(1pc=12pt). 该单位前输入的数字表示字号大小的倍数,如{font-size: 2pc;}表示文字大小为24pt. 以上单位均为定值,改变浏览器中浏览文字

前端学习 -- 颜色

颜色单位: 在CSS可以直接使用颜色的单词来表示不同的颜色 红色:red 蓝色:blue 绿色:green 也可以使用RGB值来表示不同的颜色 - 所谓的RGB值指的是通过Red Green Blue三元色,通过这三种颜色的不同的浓度,来表示出不同的颜色.例子:rgb(红色的浓度,绿色的浓度,蓝色的浓度);  颜色的浓度需要一个0-255之间的值,255表示最大,0表示没有  浓度也可以采用一个百分数来设置,需要一个0% - 100%之间的数字 使用百分数最终也会转换为0-255之间的数 0%表

Css3之基础-3 Css 尺寸单位、尺寸属性与边框属性

一.CSS 单位 尺寸单位 - %  : 百分比 - in : 英寸 - cm : 厘米 - mm : 毫米 - pt : 磅(1pt等于1/72英寸) - px : 像素(计算机屏幕上的一个点) - em : 1em等于当前的字体尺寸,2em等于当前字体尺寸的两倍 颜色单位 - rgb(x,x,x)   : RGB 值,如 rgb(255,0,0) - rgb(x%,x%,x%): RGB 百分比值,如 rgb(100%,0%,0%) - #rrggbb:十六进制数,如 #ff0000 - #

【样式的参数单位】

1.长度单位 (1).相对类型长度单位:表明了其长度单位会随着它的参考值的变化而变化,即不是固定的. CSS相对长度单位 说 明                                     em 元素的字体高度                                     ex 字母X的高度                                     px 像素                                     % 百分比 (2).绝对类型