css
8篇文章 · 0订阅
  • CSS - flex弹性布局+rem适配布局
    Less是css的扩展语言，也是css的预处理器。Less是一门CSS预处理语言，它扩展了CSS的动态特性
    CSS
  • css中的px、em、rem 详解
    是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPI(Dots Per Inch，每英寸像素数)，在扫描打印时一般都有DPI可选。Windows系统默认是96dpi，Apple系统默认是72dpi。 是一个相对长度单位，最初是指字母…
    CSS
  • 【基础知识】Flex-弹性布局原来如此简单！！
    布局的传统解决方案是基于盒状模型，依赖 display + position + float 方式来实现，灵活性较差。2009年，W3C提出了一种新的方案-Flex，Flex是Flexible Box的缩写，意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局。下…
    CSS 前端 flexbox
  • 响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh）
    简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽…
    CSS PostCSS 浏览器
  • CSS动画：animation、transition、transform、translate傻傻分不清
    在平时开发过程中，由于都是自己捣鼓玩的项目，并没有UI设计给我的设计图，更没有什么特效要求，导致对css动画一直都不是很熟悉，但是作为即将进入实习单位的萌新程序员，要时刻准备着设计师要求的各种动画，于是有了这一篇文章。 什么叫过渡？字面意思上来讲，就是元素从这个属性(color…
    CSS JavaScript 前端
  • 能解决 80% 需求的 10个 CSS动画库!
    前言1.Animista网站地址:http://animista.net/网站描述:在线生成css动画Animista是一个在线动画生成器，同时也是一个动画库，它为我们提供了以下功能1.选择不同的动画
    CSS
  • 奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？
    本文将从比较多的方面详细阐述如何利用 CSS 3D 的特性，实现各类有趣、酷炫的动画效果。认真读完，你将会收获到： 了解 CSS 3D 的各种用途 激发你新的灵感，感受动画之美 对于提升 CSS 动画
    前端 CSS
    奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？
  • 你真的理解 flex 属性吗，最详细 flex 属性计算方法就在这
    最近想更改一下博客首页的布局样式，添加几个侧栏，就去看了看常见的布局方式，什么「双飞翼布局」「圣杯布局」也就两侧固定中间自适应的三栏布局方案。不过我之前一直都是用的 Flex 布局，Flex 布局是不是也可以做到呢，网上搜索一番，代码如下： Google 搜索出来的结果也都是说…
    CSS