热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

关于CSS的长度单位及颜色表示

长度单位1.q14mm.2.px计算机语言中的像素。大多数网页制作常用图片分辨率为72,即每英寸像素为72,1英寸等于2.54cm。那么通过换算可以得出每厘米等于28像素。3.em

长度单位

1.q

1/4mm.


2.px

计算机语言中的像素。大多数网页制作常用图片分辨率为72,即每英寸像素为72,1英寸等于2.54cm。那么通过换算可以得出每厘米等于28像素。


3.em

它是描述相对于应用在当前元素的字体尺寸,所以它也是相对长度单位。一班浏览器字体大小默认为16px,则2em==32px。


4.fr

自适应单位,fr单位被用于在一系列长度值中分配剩余空间,如果多个已指定了多个部分,则剩下的空间根据各自的数字按比例分配。


颜色表示

颜色表示法

十六进制颜色(所有主要浏览器支持)

RGB颜色:RGB(红,绿,蓝)。每个参数定义颜色的亮度,可在0和255之间,或一个百分比值之间的整数。

RGBA颜色:是RGB颜色值alpha通道的延伸-指定对象的透明度。RGBA颜色值指定:RGBA(红,绿,蓝,alpha)。Alpha参数是一个介于0.0完全透明和1.0(完全不透明)之间的参数。

HSL颜色:HSL颜色值指定:HSL(色调,饱和度,明度)。色相是在色轮上的程度(0-360)-0(或360)是红色的,120是绿色的,240是蓝色的。饱和度是一个百分比值;0%意味着灰色和100%的阴影,是全彩。亮度也是一个百分点;0%是黑色的,100%是白色的。

HSLA颜色:一个带有alpha通道的HSL颜色值的延伸。HSLA(色调,饱和度,亮度,a)。Alpha参数是一个介于0.0和1.0之间的参数。

预定义/跨浏览器的颜色名称。

 


推荐阅读
  • 探索OpenWrt中的LuCI框架
    本文深入探讨了OpenWrt系统中轻量级HTTP服务器uhttpd的工作原理及其配置,重点介绍了LuCI界面的实现机制。 ... [详细]
  • 本文详细介绍了跨站脚本攻击(XSS)的基本概念、工作原理,并通过实际案例演示如何构建XSS漏洞的测试环境,以及探讨了XSS攻击的不同形式和防御策略。 ... [详细]
  • 如何为PDF文档添加水印?简单步骤实现
    为了增强PDF文档的安全性和版权保护,添加水印是一个有效的方法。本文将介绍如何通过专业软件或在线工具轻松为PDF文档添加水印,确保您的文档在共享时仍能保持其独特性和安全性。 ... [详细]
  • 本文探讨了在iOS开发中如何利用WKWebView实现H5页面与原生应用的高效融合。通过具体案例分析,展示了一种新颖的方法来解决H5页面内容高度的动态获取问题,旨在为开发者提供实用的技术参考。 ... [详细]
  • 使用R语言进行Foodmart数据的关联规则分析与可视化
    本文探讨了如何利用R语言中的arules和arulesViz包对Foodmart数据集进行关联规则的挖掘与可视化。文章首先介绍了数据集的基本情况,然后逐步展示了如何进行数据预处理、规则挖掘及结果的图形化呈现。 ... [详细]
  • Kubernetes Services详解
    本文深入探讨了Kubernetes中的服务(Services)概念,解释了如何通过Services实现Pods之间的稳定通信,以及如何管理没有选择器的服务。 ... [详细]
  • 本文总结了在多人协作开发环境中使用 Git 时常见的问题及其解决方案,包括错误合并分支的处理、使用 SourceTree 查找问题提交、Git 自动生成的提交信息解释、删除远程仓库文件夹而不删除本地文件的方法、合并冲突时的注意事项以及如何将多个提交合并为一个。 ... [详细]
  • 探索北京八大处富斯特滑道的魅力
    对于寻求休闲与冒险的旅行者来说,北京八大处富斯特滑道是一个不可多得的好去处。本文将详细介绍富斯特滑道的特点、如何到达以及游玩建议。 ... [详细]
  • 本文详细介绍拉网式展架的不同类型、材质选择、尺寸规格及其安装方法,帮助读者全面了解其特点与适用场合。 ... [详细]
  • 电商常用同义词库_【福利】不可错过的电商设计神器,提高工作效率
    开启高效设计,拒绝每天加班,设计助理插件,设计师高效设计神器,让你早下班的设计神器;今天介绍一款非常人性化的插 ... [详细]
  • 汉语拼音教学创新方法与游戏大全
    探讨当前汉语拼音教学中存在的问题,分析原因,并提供一系列创新的教学方法和游戏,旨在提升教学效果,激发学生学习兴趣。 ... [详细]
  • 解决IntelliJ IDEA使用中的常见问题
    本文主要探讨了在使用IntelliJ IDEA时遇到的一些常见问题及其解决方案,包括中文输入变为繁体字的问题和如何设置背景图片等。 ... [详细]
  • 本文深入探讨了微信小程序直播中点赞动画的实现方法,特别是如何利用三阶贝塞尔曲线使点赞图标沿预设路径移动,以及相关的数学计算与代码实现。 ... [详细]
  • 本文详细介绍了Markdown编辑器中的常用语法,包括标题设置、文本样式调整、引用与分隔符使用、图片插入、超链接添加、列表创建以及表格和代码块的编写方法。 ... [详细]
  • 探索CNN的可视化技术
    神经网络的可视化在理论学习与实践应用中扮演着至关重要的角色。本文深入探讨了三种有效的CNN(卷积神经网络)可视化方法,旨在帮助读者更好地理解和优化模型。 ... [详细]
author-avatar
阵风阿斯顿
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有