css
5篇文章 · 0订阅
  • CSS常用Mixin封装
    个人在做项目的过程中总结归纳的一些常用Mixin，现在分享出来供大家学习。 基于Less编写。但是CSS预处理器都是相通的，你可以很轻易的修改成Sass、Stylus
    HTML CSS Less
  • 关于移动端适配，你必须要知道的
    ... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…
    CSS JavaScript
    关于移动端适配，你必须要知道的
  • 幻术，一行代码实现镂空效果
    学习之前可以先看看酷炫的动画效果，想想怎么实现。 从最近在做的需求说起，一个优惠券样式，过设计稿的时候认为没什么大不了的，满口答应了。真正开始开发的时候遇到问题，主要是镂空效果实现方式上比较费劲。要求是背景可配，并且票身可以配背景图，然后镂空是真镂空。 设想并尝试了很多种方案，…
    CSS 前端 SVG
    幻术，一行代码实现镂空效果
  • 详解前端响应式布局、响应式图片，与自制栅格系统
    什么是响应式？同一个页面在不同屏幕尺寸下有不同的布局。 传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就好了，缺点是CSS比较重。 栅格系统用于处理页面多终端适配的问题。栅格的响应式能力，得益于CSS3媒体查询（Media Queries）的强力…
    HTML CSS 响应式设计
  • [译] 当你创建 Flexbox 布局时，都发生了什么？
    快速简介： 在我的理想世界里，CSS Grid 和 Flexbox 应当作为一个整体一起出现，才能组成完整的网页布局系统。然而，我们先有了 Flexbox 属性，因为它比浮动（floats）更适合用来做网格布局，所以出现了很多以 Flexbox 为基础的网格布局系统。事实上，很…
    CSS flexbox 掘金翻译计划
    [译] 当你创建 Flexbox 布局时，都发生了什么？