在 CSS 中使用颜色名称代替颜色代码有什么缺点吗?

2023-12-27

例如写作red比更有效#cc0000。它的字符较少,占用空间较小,并且更容易记住。

使用有什么缺点吗颜色名称 http://www.somacon.com/p142.php超过十六进制代码或 RGB 值?这包括在多开发人员环境中进行编程。


不同的浏览器可能无法就某些颜色名称的含义达成一致。所有 1600 万种 24 位颜色并没有名称。事实上,W3C 标准颜色名称只有 17 个。使用这些可能就可以了。

就我个人而言,我在构建时使用模板系统来预处理我的 CSS 文件,以便我可以保留一组标准的站点颜色并按名称引用它们。这样我就可以两全其美:我确切地知道我的 RGB 颜色值是什么,但我可以在 CSS 中使用更简单的名称。

(当然目前还无法得知exactly颜色在给定用户的浏览器上的显示效果。)

edit——自从写这个答案以来的 5 年里,像 Less 和 Sass 这样的预处理器已经变得相当普遍。它们提供了一些非常复杂的工具来管理 CSS 源中的颜色(以及许多其他内容)。

编辑更多— 好吧,从那以后的 8 年里,颜色名称已经标准化了。 “Liyali”的答案是最新的。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 CSS 中使用颜色名称代替颜色代码有什么缺点吗? 的相关文章

  • 使用 HTML 和 CSS 创建横向和纵向布局

    我有一个要求 我需要编写一个 HTML CSS 它应该显示横向和纵向 具体取决于 iPad 的方向 最初我想使用 HTML 和 CSS 编写这个 然后将其用于 iPad发展 我的问题是实现这一目标的最佳方法是什么 拥有两个不同的 html
  • CSS3 与 JavaScript

    所以我试图在网页上创建一个动画 并试图找到一种使用 CSS3 来实现它的方法 但我对如何做到这一点感到非常困惑 我需要发生的是 当用户单击链接元素时 我希望 div 展开并填充特定于所单击的链接元素的内容 例如 当用户单击标题为 About
  • 如何在索引视图中打印关联数据

    subjects this gt Subjects gt find all contain gt Users fields gt Users username Users email gt hydrate false gt toArray
  • 热成像调色板

    自热成像早期以来 红外热像仪经常使用独特的调色板 从黑色到蓝色 品红色 橙色 黄色到亮白色 这个调色板通常被称为Iron or Ironbow 这是使用前视红外相机拍摄的图像的典型假彩色可视化 来源 维基百科 术语科特 http commo
  • 设置绝对仓位和保证金

    我想设置一个元素的position to absolute并有一个margin bottom 但似乎margin bottom没有效果 HTML div div CSS container border 1px solid red posi
  • Chrome 和 Safari 错误::不允许加载本地资源: file:///D:/CSS/Style.css

    当我在 chrome 或 safari 中访问我的 aspx 页面时 它在控制台中显示此错误 不允许加载本地资源 file D CSS Style css 在 IE 和 FF 中一切正常 我使用外部 CSS 通过 aspx 页面链接 我已经
  • 等高列并将最后一项与底部对齐

    我有一个列表 其中每个li有嵌套容器 我尝试为所有列表项保留相同的高度 并将最后一个 div 推到底部 我将如何使用 flex 来做到这一点 ul list container display inline flex justify con
  • Firefox -moz-border-radius 不会裁剪图像?

    如果设置了图像的边框半径 有谁知道如何让 Firefox 裁剪角 它包含的元素可以正常工作 但我会发现丑陋的角落伸出来 有什么方法可以解决此问题 而无需将图像设置为背景图像或在将其放在网站上之前对其进行处理吗 解决方法 将图像设置为容器元素
  • 滚动时多个图像淡出

    我有一个页面 在每个导航点上 网站中间的图像通过淡入淡出来改变颜色 我设法淡入 active3 fadeIn 2000 不过 我遇到了再次淡出它的问题 让我尝试解释一下 我有 5 个导航点和 5 个不同的图像 如果我 例如 从第一个导航点滚
  • 如何使用 CSS 使文本区域居中?

    请原谅我问这么简单的问题 我对 HTML 和 CSS 都很陌生 有没有一种简单的方法可以使文本区域居中 我想我只是尝试使用 textarea margin left auto margin right auto 但它 显然 不起作用 边距不
  • 如何在 CSS 中将 RadioButton 图标样式设置为无(在 Flex 3 中)?

    您可以通过在 CSS 中设置以下值来在 Flex 中设置 RadioButton 的外观 upSkin Embed overSkin Embed ownSkin Embed disabledSkin Embed selectedUpSkin
  • 悬停时从下到上填充按钮背景,从下到上填充文本颜色

    我需要创建按钮 并且在悬停时它不仅必须从下到上填充背景颜色 而且还必须从下到上更改文本颜色 我对这里的方法很满意 CSS 悬停时背景从下到上填充 https stackoverflow com questions 51562340 css
  • Webkit 是否有 CSS3 网格布局的有效实现?

    CSS 网格布局 编辑草案 2011 年 11 月 21 日 http dev w3 org csswg css3 grid align 我正在制作一个原型 该原型将在选定的设备和浏览器上向客户展示 目前我并不担心跨浏览器兼容性 IE10开
  • 如何让 jstree 节点显示长的、可能是多行的内容?

    当使用jsTree插件 http www jstree com 我需要有一个显示其完整内容的节点 目前 每个节点仅显示大约一行文本 如何让 jsTree 中的节点显示节点中的所有文本而不截断节点的内容 下面的 CSS 代码就可以解决这个问题
  • CSS 边框样式 INSET 或 GROOVE 看起来与 IE9 FF4 或 Safari5 或 Chrome2 非常不同

    抱歉 我是个白痴 但是当我尝试获得某种凹槽效果或插入效果作为边框样式时 我从不同的浏览器中得到了一些非常非常大的视觉结果 使用时 border 5px groove A00 or border 5px inset A00 Firefox 3
  • Bootstrap 4 移动导航栏消失

    我刚刚从 Bootstrap 3 转换为 Bootstrap 4 但我的移动导航栏出现问题 使用切换按钮展开导航栏时 导航消失 我不明白为什么会发生这种情况 导航栏下方有一个大屏幕 但整个移动导航向上移动 如下面的 gif 所示 以下是导航
  • AngularJS + jQuery 移动

    是否还有其他可能性来设计AngularJS以移动友好的方式应用程序CSS 我正在计划一个移动应用程序 并希望使用 AngularJS 进行逻辑和数据绑定 但我不想自己设计所有内容CSS The AngularJSFAQ说它使用jQuery
  • 如何从 CSS 选择器中提取类名?

    故事 我目前正在构建一个 ESLint 规则 以警告在 CSS 选择器定位器中使用引导布局导向和角度技术类 目前我在字符串方法中使用简单的子字符串 for var i 0 i lt prohibitedClasses length i if
  • WordPress 子主题包括包含文件

    我在一家WordPress使用 AMPPS 作为本地主机在我的本地计算机上进行设置 使用 Delta 主题 我创建了一个子主题 delta2 child 初始设置效果很好 但是 我需要更改包含文件夹中名为 home slider php 的
  • 选择子元素但不选择孙元素

    我有以下简化的代码 div p text p div div p text p div div p text p div div p text p div 每当我设置一些值时 content pCSS 文件中的元素 更改也适用于 col1

随机推荐

  • 如何在张量流上加载和使用保存的模型?

    我找到了两种在 Tensorflow 中保存模型的方法 tf train Saver and SavedModelBuilder 然而 我找不到有关使用该模型的文档以第二种方式加载后 注 我想用SavedModelBuilder方式 因为我
  • async/await for Compact Framework v3.5 - 手动实现

    我必须为 WinCE 5 0 开发一个应用程序 它与常规 PC 应用程序通信 同步数据 该应用程序提供我可以与我的移动 工业 设备通信的 Web 服务 由于很明显会导致代码难以在移动设备端维护 检查连接 完成时 检查网络服务可用性 完成时
  • SSL + 附加加密层

    我想知道如果客户要求在 SSL 之上进行第二层加密该怎么办 例如 我有一个 SSL 隧道 客户希望我对流经该隧道的数据使用对称密钥加密 对称密钥是基于会话的 并通过原始 SSL 隧道从服务器发送到客户端 我不明白这如何更安全 如果 SSL
  • Google Play 推荐流程仍为空

    如图所示http android developers blogspot de 2013 10 improved app insight by linking google html http android developers blog
  • c3js - X 轴位于图表中间

    X轴可以在图的中间吗 当 Y 值既有负值又有正值时 并且 X 轴位于 0 值上可以说类似于这张图片 将 C3 x 轴定位在所需的 y 值 Method 1
  • 如何向注入器添加另一个提供者?

    与框架无关的表达这个问题的方式是 如何使用服务定位器注册另一个服务 注入器被设置为不可变的 无论是接口还是实现 interface Injector abstract get token any notFoundValue any any
  • 如何正确地将自定义视图添加到工具栏?

    我正在使用具有扩展高度 56dp 80dp 的工具栏 并且想要将 EditText 添加到工具栏的底部 我遇到的问题是 EditText 不会将自身扩展到右边缘 如下图所示 代码如下所示 工具栏 编辑 文本 xml
  • 如何使用带有基本身份验证的 JQuery 进行 JSONP 调用?

    使用 JQuery 我如何调用需要基本身份验证的 JSONP API 我可以通过编程方式处理这个问题 还是用户必须进行交互并在登录对话框中输入用户名和密码 JSONP 请求不使用 XMLHttpRequest 对象 系统 因此没有办法直接做
  • 当只有一个单元格时,单元格位于集合视图的中心

    我想从左到右布局单元格 所以我使用UICollectionViewFlowLayout UICollectionViewFlowLayout layout UICollectionViewFlowLayout alloc init use
  • Elasticsearch - preIndex

    我正在执行提到的维护任务 该任务将拦截 ES 索引操作 并在某些情况下更改字段的内容 我的问题是 我如何操作这些文档 有一个index docs 方法 例如 我获取第一个 也是唯一一个 文档 添加一个字段 然后希望它被持久化 但不幸的是 该
  • 如何使用相当于 C# .NET 中的 #region / #endregion (outlined) 来组织 xml 数据

    我想使用预处理器命令将 XML 数据组织为可折叠和可扩展的 例如 region endregion http msdn microsoft com en us library 9a1ybwek 28VS 71 29 aspxC NET 中的
  • 使用 PHP 通过 email() 发送的电子邮件中的文本方向和对齐方式

    我正在通过 php 自动发送电子邮件 该电子邮件包含希伯来语 方向为从右到左 这是我用于组成消息正文部分的代码 emailMessage table table
  • 在 WHERE 子句中重用计算列

    在 SELECT 语句中 我想在 WHERE 子句中重用计算列 在SQLserver中有什么办法可以做到这一点吗 简化示例 工作 但经过重复计算 SELECT field1 concat field2 field3 AS calc fiel
  • 使用 maven Fabric8 插件将多个 docker 镜像保存到一个 tar.gz 文件中

    我们正在使用io fabric8 docker maven plugin 0 27 2构建 docker 镜像 我的 Maven 项目由 3 个模块组成 module1 module2 and module3 每个模块都会根据每个模块中存在
  • SpriteKit - 制作精灵抵抗重力(如气球)

    有谁知道我怎样才能让我的SKSpriteNode反抗重力 我想过反转默认重力 但意识到我也需要东西掉落 看起来应该很简单 但通读文档后我不知道该怎么做 Thanks Update 在 iOS 8 OS X Yosemite 10 10 中
  • 按下按钮时颤动更改文本

    伙计们 我会尝试在单击时更改按钮上的文本 我的代码 bool pressGeoON false bool cmbscritta false RaisedButton shape new RoundedRectangleBorder bord
  • 通过命令行的 Eclipse 和 Maven

    我可以通过跳过包含文件夹的原型选择 在 Eclipse IDE 版本 3 71 中创建一个简单的 Maven 应用程序 Edit 2以及其他文件夹 src main resources src test resources 如果我使用命令行
  • 是否可以在 Postgres 的 CTE 语句中多次二次使用返回值?

    我想在一个 CTE 中插入主表后 将外键插入到多个表中 我找不到解决方案 所以这很可能是不可能的 看这个例子 CREATE TABLE test main main id serial NOT NULL main name characte
  • C++11 中的通用函数指针

    我目前正在用 C x0 编写一个方法执行队列 我已经实现并验证了基本的队列机制 但想用一个选项来修改它push 自动删除所有先前对特定方法的调用 queue push this Obj foo 1 queue push this Obj f
  • 在 CSS 中使用颜色名称代替颜色代码有什么缺点吗?

    例如写作red比更有效 cc0000 它的字符较少 占用空间较小 并且更容易记住 使用有什么缺点吗颜色名称 http www somacon com p142 php超过十六进制代码或 RGB 值 这包括在多开发人员环境中进行编程 不同的浏