【样式的参数单位】

1.长度单位

  (1).相对类型长度单位:表明了其长度单位会随着它的参考值的变化而变化,即不是固定的.

            CSS相对长度单位             说          明
                                    em             元素的字体高度
                                    ex             字母X的高度
                                    px               像素
                                    %               百分比

  

  (2).绝对类型:绝对长度单位是一个固定的值,例如常用的mm,就是毫米的意思.

            CSS绝对长度单位                          说               明
                                    in            英寸(1英寸=2.54厘米)
                                    cm                 厘米
                                    mm                 毫米
                                    pt             点(1点=1/72英寸)
                                    pc             皮卡(1皮卡=12点)

2.颜色单位

  使用RGB表示法定义颜色,需要知道颜色中包含了多少红色,绿色和蓝色。每一种RGB颜色都是由红色、绿色和蓝色3种颜色混合而成。CSS3提供了四种方法表示RGB值。

  第一种:例如:color:#CC66FF;它表示该颜色应该具有红色值CC(255当中的204,或者80%),绿色值66(换成十进制就是102,或者40%),蓝色值FF(它是255,或者100%)。

  第二种:例如:color:#C6F;短十六进制表示。这是3位十六进制数字,要将它转成6位代码,只需要重复每个字母即可。

  第三种:例如:color:rgb(204,102,255);这是提供三元的RGB数字,等同于第一种。

  第四种:例如:color:rgb(80%,40%,100%);这是给出三元的百分比。等同于第一种。

时间: 2024-10-24 00:25:49

【样式的参数单位】的相关文章

spring-boot前端参数单位转换

前端时间单位用的是unix时间戳,单位秒,而java后端用的是Date类型. 在request请求时,如何把前端的时间戳类型优雅的转换为后端的Date类型呢. 如果你想在response时,把后端的Date类型转换到前端的时间戳类型 可以看这篇文章java中JsonSerializer用法,前后端单位转换必备 这里我使用的是SpringBoot框架. Controller代码 @RequestMapping(value = "/add", method = RequestMethod.

HTTP 请求,POST方式,把一个对象序列化成JSON样式作为参数访问服务器

public static string Login(Login login){HttpWebRequest request;WebResponse response;string remoteAddress = ConfigurationManager.AppSettings["remoteAddress"];string LoginServiceName = ConfigurationManager.AppSettings["LoginServiceName"]

HTML5 Canvas ( 文字的书写和样式控制 ) font, fillText, strokeText

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>canvas</title> <script type="text/javascript" src="../js/jQuery.js"></script> <style type="text/css">

自己编写jQuery插件 之 表格样式(银光棒)

又来吐嘈了,实在是忍不住:换工作以来的第一次上班迟到.早上坐车,坐了4站路发现路线不对,问司机,司机说从今天起换路线了.尼玛,立马下车换乘.换了车,开了2站路,车子坏了,再次被迫下车.就近站牌等车,第一次车没靠站,直接走了,第二次很挤,没法还得上.终于到了公司楼下,fuck,电梯坏了,最终我迟到了......一个美好的早晨,我就这样被老天爷给轮了! 先上图: 上面这张图有3种状态,默认状态(灰白相间),鼠标悬浮状态(绿色),鼠标点击状态(黄色). Html代码如下: <table> <t

TFT LCD 参数详解

我的板子设置HCLK=100M因此CLKVAL= int(HCLK/(VCLK*2)-1),其中VCLK即上图的DCLK=6.4M, CLKVAL="int"(100/12.8-1)=int(6.8)=6 因此 VCLK = HCLK/[(CLKVAL+1)x2]= 100/2*(6+1)= 7.14MHz VFRAME=HCLK/[(CLKVAL+1)x2]/{(VSPW+1+VBPD+1+LCD_YSIZE_TFT+VFPD+1)*(HSPW+1+HSPD+1+HFPD+1+LCD

android设置中文字体样式

1.通过属性 android:typeface="serif"//只对英文有作用 android:textStyle="italic|bold" 2.通过方法设置 et.setTypeface(Typeface.defaultFromStyle(Typeface.BOLD));//方法设置系统的字体样式 * 1.  确保在assets文件中拥有字体文件,这个自己下载得到. * 2. 通过setTypeface方法设置字体样式,参数:Typeface 字体对象 * 通

JS获取渲染后的样式

一般我们利用element.style.属性来获取CSS的样式,而此方法只能获取标签内的样式,无法获取头部或引入的样式,因此,而我们又需要获取其样式,则我们可以使用:(其中element为标签,proName为属性)document.defaultView.getComputedStyle(element)[proName]的方法获其样式,而此方法不支持IE6~IE8,因此我们针对IE8以下的使用element.currentStyle[proName] 我们可以通过下面方法使其兼容 1 /*

样式缩写&mdash;&mdash;css技巧(一)

一.margin和padding缩写 例: .sample-margin1{ margin-top:15px; margin-right:20px; margin-bottom:12px; margin-left:24px; } 缩写后: .sample-margin1{ margin:15px 20px 12px 24px; } padding与margin缩写形式一样 缩写规则:按顺时针方向来写(按上.右.下.左的顺序),属性之间由空白隔开.如果相关属性相同,可以按以下的写法: .sampl

多物体多种样式的运动简略分析

上面忘了介绍多物体的多种样式的运动,比如让一个物体宽度,另外一个的高度或者透明度发生改变,这样用单个运动框架就不能实现,我们在函数体类再传入一个参数,指定需要改变的样式,这样基本能实现功能需要,下面还是通过一个小例子来简要说明一下: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text