css
7篇文章 · 0订阅
  • [译] 几张 GIF 动图让你看懂弹性盒模型（Flexbox）如何工作
    还在好奇或者疑惑 Flexbox 的工作原理吗？本文用 GIF 动图清晰说明整个变化过程，看完保证豁然开朗！
    flexbox 前端 CSS
    [译] 几张 GIF 动图让你看懂弹性盒模型（Flexbox）如何工作
  • JS组件系列——再推荐一款好用的bootstrap-select组件，亲测还不错
    前言：之前分享过两篇bootstrap下拉框的组件：JS组件系列——两种bootstrap multiselect组件大比拼 和 JS组件系列——Bootstrap Select2组件使用小结 ，收到很多园友的关注和提问，最后总结这两篇里面的下拉框组件都存在一些大大小小的问题，…
    JavaScript
  • CSS魔法堂：Flex布局
    Flex是Flexible Box的缩写，就是「弹性布局」。从2012年已经面世，但由于工作环境的原因一直没有详细了解。最近工作忙到头晕脑胀，是要学点新东西刺激一下大脑，打打鸡血。 一说到兼容性就是永远的痛，不过幸运的是只要在IE10加-ms-前缀就可以用啦^_^ Flex…
    CSS flexbox
  • 用最短的CSS样式，勾勒大数据演示屏
    本文github地址,持续更新...... 覆盖一层蒙版，并在蒙版上书写文字。需要2层，从低到上为图片层、蒙版层(上面可写字) 毛玻璃蒙版，本质上讲是两层图，底层图清晰完整，顶层图模糊残缺，并且两者位移完全一致，因此叠加到一起后像是一张图。为了确保位移一致，我们用了 backg…
    CSS 前端 数据可视化
  • 一篇全面的CSS布局学习指南 [译]
    无论你是一个想要学习CSS布局的新手，还是一个比较有经验但想要进一步巩固与了解最新CSS布局知识的前端开发者，这篇指南都能帮你全面了解如今CSS布局发展的现状。 在过去的许多年中，正如翻天覆地的前端开发一般，CSS布局也产生了巨大的变化。现在我们有需要可选的CSS布局方式来开发…
    CSS flexbox 浏览器
    一篇全面的CSS布局学习指南 [译]
  • 深入理解 CSS：字体度量、line-height 和 vertical-align
    这是一篇译文，对 inline 和 inline-block 的元素剖析非常给力。 line-height 和 vertical-align 都是简单的 CSS 属性，以致于大多数人自以为知道这两个属性的工作原理。但实际上这两个属性非常复杂，也许算得上是 CSS 里最难的两个属…
    CSS
  • [译] 渐进增强的 CSS 布局：从浮动到 Flexbox 到 Grid
    原文地址：Progressively Enhancing CSS Layout: From Floats To Flexbox To Grid 原文作者：Manuel Matuzović 译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/go…
    CSS 前端框架 前端