css
53篇文章 · 0订阅
  • 记一次bem命名规范使用优化方案
    为了简化bem规范的使用复杂度，我借鉴了几个框架的方法，打造了一款比较简单易用的插件库css-bem(https://github.com/snowzijun/css-bem)。
    React.js
  • 2018 最佳前端动效集锦
    用 CSS 能够做到什么？啥都有可能，看看这一年最美的动效吧，让你感受到帅气的动画哦！
    前端 CSS 设计
    2018 最佳前端动效集锦
  • Web自适应布局你需要知道的所有事儿
    有这样一个问题。 别急，下面我们就开始逐一分析各种方法在web自适应布局下的使用姿势，最后做个总结。 本文的所有例子使用了同一种三栏布局。源代码点我 1. 浮动布局 float:left|right 最常用的布局方式之一，设置了float的元素脱离了文档流。需要注意在使用过浮动…
    CSS 前端 flexbox
    Web自适应布局你需要知道的所有事儿
  • CSS 五种方式实现 Footer 置底
    页脚置底（Sticky footer）就是让网页的 footer 部分始终在浏览器窗口的底部。这样的布局随处可见，偶然看到 CSS-TRICKS 上介绍页脚置底的文章觉得不错，对开阔布局的思路挺有帮助，遂译之。
    CSS 前端
    CSS 五种方式实现 Footer 置底
  • 深入清除浮动原理
    设置为浮动的元素会脱离当前文档流，向左或向右移动直到边缘遇到另一个浮动元素或者到达边界。普通元素不会对齐造成影响。 浮动是把双刃剑，在给我们的布局带来便利的同时有一些缺点需要我们去解决。例如最常见的父元素塌陷。如下图所示： 可以看到父元素的高度为0,为了解决这种状况就要清除浮动…
    CSS 前端
  • 在CSS中解决过长和不期望出现的内容问题
    当我们写css的时候，有时候会忘记设计里面存在的临界情况。举个例子来说吧，当内容的长度超过了我们的期望值，我们也无法解释其中的可能性，页面的设计很可能会因此而崩掉。我们不能保证css总是会按照我们期望的那样工作，但至少我们可以用不同类型的内容来测试，以减少这种情况的发生。
    CSS
  • 【译】用CSS属性选择器来拼接HTML的DNA
    一般我们最普遍的使用方法是将HTML属性放进一个方括号中，称之为属性选择器。例如： 任何具有href属性且没有更具体的选择器的html元素现在都会变成黄绿色。属性选择器的特性和类选择器一致 但是你可以使用属性选择器做更多的事情。就像你的DNA一样，它们具有嵌入式的逻辑，可帮助您…
    CSS HTML 前端
  • 「前端」rem 缩放方案 flexible-js 兼容 375px 方案的思路
    本文来自尚妆前端团队南洋 发表于尚妆 github 博客，欢迎订阅。 移动端 H5 页面 rem 缩放方案 flexible.js 兼容 375px 方案的思路 参考： 移动端高清、多屏适配方案 viewport-and-flexible.js flexible.js github 一个新的项目复…
    前端