稀土掘金 稀土掘金
  • 首页
    • 首页
    • 沸点
    • 课程
    • 直播
    • 活动
    • 竞赛
    • 商城
      APP
      插件
      • 搜索历史 清空
        • 写文章
        • 发沸点
        • 写笔记
        • 写代码
        • 草稿箱
    • vip
      会员

使用 currentColor 属性写出更好的 CSS 代码

yangzj1992 lv-3
2016年09月28日 10:53 ·  阅读 1374
使用 currentColor 属性写出更好的 CSS 代码
原文链接: www.qcyoung.com
分类:
前端
标签:
CSS前端掘金翻译计划
安装掘金浏览器插件
多内容聚合浏览、多引擎快捷搜索、多工具便捷提效、多模式随心畅享,你想要的,这里都有!
前往安装
相关推荐
  • 7月前
    前端 CSS
    用了这些css命名小技巧,我的代码优雅了不少!
    如果您使用 CSS 有一段时间,那么您就会知道继承、特异性和命名是一些最难处理的事情。由于所有 CSS 都是全局的,随着代码库的增长,防止样式相互冲突并导致意外副作用变得越来越困难!
    • 2.7w
    • 556
    • 48
    用了这些css命名小技巧,我的代码优雅了不少!
  • 1年前
    前端 算法
    面试了十几个高级前端,竟然连(扁平数据结构转Tree)都写不出来
    「本文已参与好文召集令活动,点击查看:后端、大前端双赛道投稿,2万元奖池等你挑战!」 前言 招聘季节一般都在金三银四,或者金九银十。最近在这五六月份,陆陆续续面试了十几个高级前端。有一套考察算法的小题
    • 27.9w
    • 3930
    • 2010
    面试了十几个高级前端,竟然连(扁平数据结构转Tree)都写不出来
  • 4月前
    前端 CSS 掘金·金石计划
    还在用 JS 做节流吗?CSS 也可以防止按钮重复点击
    本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知,函数节流(throttle)是 JS 中一个非常常见的优化手段,可以有效的避免函数过于频繁的执行。 举个例子:一个保存按钮,为了避免重复提交
    • 6.7w
    • 1440
    • 270
    还在用 JS 做节流吗?CSS 也可以防止按钮重复点击
  • 4月前
    CSS HTML
    两行CSS让页面提升了近7倍渲染性能!
    现如今的页面越来越复杂,一个页面往往承载着大量的元素,最常见的就是一些电商页面,数以万计的商品列表是怎么保证渲染不卡顿的,大家在面对这种长列表渲染的场景下,一般都会采用分页或者虚拟列表来减缓页面一次性
    • 8.6w
    • 1549
    • 138
    两行CSS让页面提升了近7倍渲染性能!
  • 1年前
    CSS 前端
    好玩的 CSS - 40 个有趣的 CSS 网站
    💥 🔖 好玩的 CSS - 40 个有趣的 CSS 网站 🌐 基础学习 🧚 CSS 动画 🕹️ 教学游戏 🎰 代码生成 🎨 色彩搭配
    • 3.5w
    • 663
    • 32
    好玩的 CSS - 40 个有趣的 CSS 网站
  • 6月前
    前端 JavaScript 程序员
    敢在我工位装摄像头?吃我一套JS ➕ CSS组合拳!!👊🏻
    作为一个程序员,这点儿监控器能难得到我?我能因为你这点儿监控器止步不前了?组合拳拳谱、lick!重卷出击!
    • 8.9w
    • 410
    • 198
    敢在我工位装摄像头?吃我一套JS ➕ CSS组合拳!!👊🏻
  • 1年前
    前端 JavaScript 程序员
    33个非常实用的JavaScript一行代码,建议收藏!
    33个实用JavaScript一行代码,建议收藏!最近在国外技术社区看到了一些关于一行代码的文章,感觉很有意思,就整理了一下来分享给大家,希望对你有所帮助。
    • 9.8w
    • 2190
    • 68
    33个非常实用的JavaScript一行代码,建议收藏!
  • 1年前
    掘金翻译计划 CSS
    CSS 是魔法, 是时候试试 3D 了
    CSS 是魔法, 是时候试试 3D 了 CSS transform 是 css 最全能,最神奇的属性之一。它不仅是在你的网站上实现平滑动画的最佳方式,更是你创造奇迹的一种方式。
    • 970
    • 11
    • 4
  • 3年前
    CSS
    请收下这72个炫酷的CSS技巧
    CSS是一门很特殊的语言,不像一般的编程语言那样需要抽象的思维和严密的逻辑,它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢?最常用的方法就是探索和观察。举个例子,笔者平时热爱看番,每看到有意思的场景画面总会下意识地记录下来,这对动画创作会非…
    • 6.7w
    • 1778
    • 94
    请收下这72个炫酷的CSS技巧
  • 12月前
    前端 JavaScript
    三面面试官:运行 npm run xxx 的时候发生了什么?
    面试官:npm run xxx的时候,发生了什么?讲的越详细越好。 我(嘿嘿,稳了,这次我要30k): 嘻嘻!
    • 15.9w
    • 4986
    • 430
    三面面试官:运行 npm run xxx 的时候发生了什么?
  • 6月前
    JavaScript 前端
    我写这10+个JavaScript单行代码,被组长夸代码写得优雅!
    有时候能一行代码解决,就尽量不用多行;本文整理了工作非常有用的单行代码,这些需求都是在开发中非常常见的,用单行代码帮助你提高工作效率。
    • 7.9w
    • 1673
    • 160
    我写这10+个JavaScript单行代码,被组长夸代码写得优雅!
  • 11月前
    后端 Java Spring Boot
    解放双手!推荐一款阿里开源的低代码工具,YYDS!
    之前在我印象中低代码就是通过图形化界面来生成代码而已,其实真正的低代码把它当做一站式开发平台也不为过!最近体验了一把阿里开源的低代码工具,确实是一款面向企业级的低代码解决方案,推荐给大家!
    • 12.5w
    • 1054
    • 158
    解放双手!推荐一款阿里开源的低代码工具,YYDS!
  • 2年前
    CSS 前端
    CSS八种让人眼前一亮的HOVER效果
    巧用伪元素:before、:after等,让你的页面按钮眼前一亮。更多内容:https://github.com/reng99/blogs
    • 5.8w
    • 1602
    • 102
  • 2年前
    CSS GitHub
    10 个 GitHub 上超火的 CSS 奇技淫巧项目,找到写 CSS 的灵感!
    一般人没事的时候刷刷朋友圈、微博、电视剧、知乎,而有些人是没事的时候刷刷 GitHub ,看看最近有哪些流行的项目。 久而久之,这差距就越来越大,因此总会有开源信息的不对称,有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间,最大的差距可能就是信息差造成的。 …
    • 5.2w
    • 1569
    • 41
    10 个 GitHub 上超火的 CSS 奇技淫巧项目,找到写 CSS 的灵感!
  • 1年前
    前端 CSS HarmonyOS
    鸿蒙那个开场动画挺帅的 试着用 CSS 也整一个这样的花活
    当看到鸿蒙开场视频时职业病就开始犯了!这么炫酷的效果让我忍不住用 CSS 来实现一把鸿蒙的开场动画~
    • 8.6w
    • 1487
    • 175
    鸿蒙那个开场动画挺帅的 试着用 CSS 也整一个这样的花活
  • 3年前
    CSS
    CSS中容易被忽视的 position属性sticky
    position的含义是指定位类型,取值类型可以有:static、relative、absolute、fixed、inherit和sticky,这里sticky是CSS3新发布的一个属性。我今天重点要说的就是sticky属性 position:sticky 被称为粘性定位元素(…
    • 1.8w
    • 150
    • 49
  • 1年前
    前端 JavaScript
    如何用 CSS 中写出超级美丽的阴影效果
    「这是我参与11月更文挑战的第7天,活动详情查看:2021最后一次更文挑战」。 在我看来,最好的网站和Web应用程序对它们具有切实的"真实"质量。实现这种质量涉及很多因素,但阴影是一个关键因素。 然而
    • 114.7w
    • 1060
    • 70
  • 1年前
    Flutter 前端
    10分钟用Flutter写出摸鱼桌面版App
    大家好,我是每天只有 24 小时但高强度学习 25 小时的 Alex。摸鱼是不可能摸鱼的,这辈子都不会摸鱼。
    • 7.2w
    • 245
    • 71
    10分钟用Flutter写出摸鱼桌面版App
  • 1年前
    后端 程序员
    偷偷看了同事的代码找到了优雅代码的秘密
    我们看了那么多代码之后,到底什么样的代码才是好代码呢?它们有没有一些共同的特征或者原则?本文通过阐述优雅代码的设计原则来和大家聊聊怎么写好代码。
    • 9.2w
    • 542
    • 95
    偷偷看了同事的代码找到了优雅代码的秘密
  • 2年前
    CSS
    最强大的 CSS 布局 —— Grid 布局
    Grid 布局即网格布局,是一种新的 CSS 布局模型,比较擅长将一个页面划分为几个主要区域,以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案,是目前唯一一种 CSS 二维布局。利用 Grid 布局,我们可以轻松实现类似下图布局,演示地址 讲到布局,…
    • 9.7w
    • 1968
    • 129
  • 友情链接:

    • 气疯,重生后老妈和我抢着宠老婆
    • 天神殿
    • 我在精神病院学斩神
    • 反派:女主说早晚安排人弄死我?
    • 咸鱼的我意外获得了系统
    • 咸鱼的末世酒馆[基建] 小说
    • heidisql下载
    • 安卓平板安装ubuntu系统
    • 咸鱼的旅游笔记
    • 咸鱼的末世酒馆[基建] 胡六月
    前端工程师 @ 美团
    私信
    获得点赞  556
    文章被阅读  28,804
    相关文章
    关于Vue3获取当前组件实例的 getCurrentInstance 方法的补充
    97点赞
     · 
    33评论
    我写这10+个JavaScript单行代码,被组长夸代码写得优雅!
    1673点赞
     · 
    160评论
    你可能还不知的 7 个 CSS 好用的属性
    693点赞
     · 
    44评论
    🌼 细数那些惊艳一时的 CSS 属性
    873点赞
     · 
    80评论
    10 个 GitHub 上超火的 CSS 奇技淫巧项目,找到写 CSS 的灵感!
    1569点赞
     · 
    41评论
    目录
      温馨提示
      当前操作失败,如有疑问,可点击申诉