关于以下内容，我们假设结构层的变更是不允许的。 我们也尽量不去添加额外的HTML,以做到样式层与结构层的分离，如若实在没有其他的可能性，才退而求其次来增加额外的HTML。 制作一个自适应的椭圆是形状篇中最简单的图形了，简直不能再简单了。 众所周知，制作与圆相关的图形，用到的属性…

就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascrip…

本文主要介绍字体加载优化的常用策略，大部分内容为引用和翻译。 这样就可以使我们的网页用上自定义字体了。 除了font-family 和 src属性之外，还拥有font-style以及font-weight属性。 src可以指定多种字体，会按顺序依次适用，比如上面的示例中会先加载…

本文主要描述的组织css的问题，文章内容整理自《前端架构设计》的读书笔记。 上面这样写样式有很大的问题，主要是我们在样式书写时默认的继承到了之前的样式，但在特殊化的样式时，为了让自己的样式生效，又要新写样式进行覆盖。 在之前的章节中，我们讲到了css不同的模块化方案，那么对于上…

When implementing a user interface in a browser, it’s good to minimize those differences and issues wherever you can, so that the UI is pre…

1. 动画相关主要内容： 2. css3动画语法 3. 示例 https://github.com/hytStart/React_chouchou/blob/master/src/components/home/ui/action/action.scss 4. 动画总结 5. …