CSS数值单位
原创
©著作权归作者所有:来自51CTO博客作者echorightcss的原创作品,请联系作者获取转载授权,否则将追究法律责任
在CSS选择符中,每一个CSS属性的值均由两种指定形式,一种是指定值范围,如float属性,只可能应用left,right,none三种值,另一种为数值,如width能够使用0-9999px或其他数学单位来指定。除了px像素单位以外,CSS提供了许多其他类型的数学单位帮助我们进行值得定义。
单位 描述 示例
px 像素(Pixel) width:1.2px;
em 相对于当前对象内文本的字体尺寸 font-size:1.2em;
ex 相对于字符的高度的相对尺寸 font-size:1.2ex;相对于当前字符的1.2倍高度
pt 点/镑(Point) font-size:9pt;
pc 派卡(Pica) font-size:0.5pc;
in 英寸(Inch) height:12in;
mm 毫米(Millimeter) font-size:4mm;
cm 厘米(Centimeter) font-size:0.2cm;
rgb 颜色单位 color:rgb(255.255.255);
#RRGGBB 十六进制颜色单位 color:#000FFF;
Color Name 浏览器所支持的颜色名称 color:blue;
数值单位中80%的单位在网页设计中经常会使用到,对于设计者而言,为了便于统一于修改,建议在某一类型的单位上使用同一的数学单位,如字体大小,在某一个网站中,根据国家习惯及设计者的习惯,统一使用px或pt。颜色也同样,在颜色设计中,建议使用十六进制颜色代码,以保持各浏览器均能统一解析。
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
CSS 的值与单位——WEB开发系列21
在 CSS 中,每个属性都可以接受一个或多个值。CSS 提供了多种值和单位,以便我们能够精确地控制页面的布局和样式。
css html web 前端 css3 -
CSS Viewport单位
CSS Viewport单位
UI iOS 地址栏 -
CSS的单位
样式单位的使用,css提供了确
css css3 宽高 html -
css中em单位和rem单位
rem em 单位
rem em 单位 -
css中的单位
前端开发中, 做适配是少不了的, 这就用到了css中的各种长度单位, 做一下总结 在cs
父节点 css 前端开发 -
CSS(22)CSS的长度单位css 移动端 当前对象 5e html