样式
4篇文章 · 0订阅
  • 神奇的 CSS，让文字智能适配背景颜色
    最近几天，有好几个同学都问了同样一个问题。 页面上有一段文本，能否实现这段文本在不同背景色下展示不同的颜色？也就是俗称的智能变色。像是下面这样： 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看
    前端 JavaScript CSS
    神奇的 CSS，让文字智能适配背景颜色
  • 「中高级前端」干货！深度解析瀑布流布局
    2019年终岁尾，最近对布局相关的内容比较有兴趣，在此整理一下和瀑布流相关的使用场景以及多种实现方案。 瀑布流又称瀑布流式布局，是一种比较流行的页面布局方式，专业的英文名称为[Masonry Layouts]。与传统的分页显示不同，视觉表现为参差不齐的多栏布局，最早是由Pint…
    JavaScript Vue.js
    「中高级前端」干货！深度解析瀑布流布局
  • SCSS — 缩减50%的样式代码
    Sass是CSS3语言的扩展，它能帮你更省事地写出更好的样式表，使你摆脱重复劳动，使工作更有创造性。因为你能更快地拥抱变化，你也将敢于在设计上创新。你写出的样式表能够自如地应对修改颜色或修改HTML标签，并编译出标准的CSS代码用于各种生产环境。Sass语法比较简单，难点在于如…
    SCSS
  • 利用scss公共库实现样式和业务组件解耦， 快速提高开发效率！
    2、公共样式（ellipsis）。 我们发现虽然我们可以引入公共样式来减少我们的代码量。但是公共样式只能针对一些特定的要求去引，比如 超过长度省略ellipsis，或者一些全局公共的样式。如果是结合业务UI的需求，并不能很好满足。 这是一个很普遍的问题，其实也是一个痛点。因为这…
    CSS 前端