css
17篇文章 · 0订阅
  • CSS 重新认识 !important 肯定有你不知道的
    重新认识 !important 影响级联规则 与 animation 和 transition 的关系 级联层cascade layer 内联样式 !important 与权重 !important
    前端 CSS 设计
  • CSS in JS的好与坏
    CSS-in-JS是一种技术（technique），而不是一个具体的库实现（library）。简单来说CSS-in-JS就是将应用的CSS样式写在JavaScript文件里面，而不是独立为一些.css，.scss或者less之类的文件，这样你就可以在CSS中使用一些属于JS的诸…
    CSS
    CSS in JS的好与坏
  • 关于 CSS margin，一些让你模糊的点
    大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 当我们学习CSS时，我们大多数人学到的第一件事是CSS中盒子的各个部分的细节，这部分通过叫做 CSS盒、模型。“盒模型”中的元素之一是margin，即盒子周围的透明区域，它会将其他元素从盒子内容中推开。 CSS…
    CSS JavaScript
  • 一劳永逸的搞定 flex 布局
    寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…
    CSS flexbox
    一劳永逸的搞定 flex 布局
  • CSS动画：animation、transition、transform、translate傻傻分不清
    在平时开发过程中，由于都是自己捣鼓玩的项目，并没有UI设计给我的设计图，更没有什么特效要求，导致对css动画一直都不是很熟悉，但是作为即将进入实习单位的萌新程序员，要时刻准备着设计师要求的各种动画，于是有了这一篇文章。 什么叫过渡？字面意思上来讲，就是元素从这个属性(color…
    CSS JavaScript 前端
  • 与Viewport有关的理解
    国内有关viewport的文章和信息，我想大多来源于PPK的文章（篇一，篇二）。从二手资料获取到的信息总是不够深， 也有限，我就有很多地方没法理解，看完原文才理解地透彻，推荐你去看看。有时间我想把这两篇文章翻译出来，既锻炼翻译能力，又学习技术，一举两得；若是对大家还有点帮助，那…
    HTML
    与Viewport有关的理解
  • 移动端适配 - 基础知识篇
    设备像素又称物理像素（physical pixel），是显示器中最小的物理单元，设备能控制显示的最小单位。 每个像素根据操作系统的指示设置自己的颜色和亮度。 任何设备的物理像素数量都是固定的。 由程序使用并控制的虚拟像素，比如web编程中的CSS像素(px)、安卓（dp）、io…
    CSS
    移动端适配 - 基础知识篇
  • 吃透移动端 H5 响应式布局 ｜深入原理到目前最佳实践方案
    最近写了第三个移动端 H5 的项目，准备记录下自己在 H5 项目中的一些实践探索。移动端 H5 与 PC 端开发最大的区别之一，大概就是响应式布局问题。 那么下面我们就来聊聊移动端响应式布局，了解他的来龙去脉，对现有的最佳解决方案探索吧。 H5 这个命名本身是一个很不讨巧的命名…
    CSS
    吃透移动端 H5 响应式布局 ｜深入原理到目前最佳实践方案
  • 面试官：你了解过移动端适配吗？
    很多人聊起移动端适配都是懵逼状态，都想口吐芬芳。难道移动端还要适配，直接px写死，其他自适应不就完了吗？其实不然，要求严格的公司会要求缩放比例完全相同，简单说就是，在每个手机上的每一行的字数都要一样。接下来，我们就要细说移动端适配的前世今生 相信我们所有前端开发者，都是见证了手…
    前端
  • 「前端」rem 缩放方案 flexible-js 兼容 375px 方案的思路
    本文来自尚妆前端团队南洋 发表于尚妆 github 博客，欢迎订阅。 移动端 H5 页面 rem 缩放方案 flexible.js 兼容 375px 方案的思路 参考： 移动端高清、多屏适配方案 viewport-and-flexible.js flexible.js github 一个新的项目复…
    前端