css进阶
17篇文章 · 0订阅
  • Sass使用总结基础
    主要是一些sass的基础的使用说明和例子
    前端
  • CSS揭秘之形状
    一.自适应的椭圆 问题： 我们肯定都注意到过，我们给一个正方形元素添加一个足够大的border-radius（指定大于正方形元素边长一半的半径），就可以使其变成一个圆形(如图1-1.png)。 示例： width: 200px; height: 200px; backgrund…
    HTML CSS
    CSS揭秘之形状
  • canvas系列三之《烟花》效果实现
    唉，时间过得真是快啊，距离上次写demo已经是半个月前了，原来想得是每周写一篇的，但是前段时间工作微忙，所以就没有demo产出（嘿嘿，偷偷的给自己找了个借口，还不知道以后能不能坚持产出呢......）。这次写的还是canvas的东西，利用canvas写了一个燃放烟花的demo。…
    Canvas 前端 GitHub
    canvas系列三之《烟花》效果实现
  • 笔记：SVG 环形动画（进度条）原理
    使用 SVG 制作环形进度条，主要使用的是 SVG 本身的 stroke-dasharray 和 stroke-dashoffset。
  • [布局概念] 关于CSS-BFC深入理解
    写在前面 好记性不如烂笔头，研究了一下BFC，发现里面比较细的东西也是很多的！关于BFC，很多人可能都听说过BFC这个东西，大概知道这是个啥东西，相信很多人对此并没有一个非常细致的了解，本文预计篇幅较长，认真，耐着性子看，应该都能够比较深入的理解BFC这个概念的规则、作用以及用…
    CSS 前端
  • rem 适配布局
    虽然上面这种简单的使用百分比可以实现但是，百分比无法实现字体的自适应，百分比转换成相应的尺寸还是很难的。接下来就说说这次我们的主角 rem （我们一般只适配宽度） 首先rem是一个相对于根元素fontSize大小的相对单位，也就是说 1rem 等于 html 的 fontSiz…
    JavaScript Android 前端
  • Flex布局应用
    CSS3为我们提供了一种可伸缩的灵活的web页面布局方式-flexbox布局，它具有很强大的功能，可以很轻松实现很多复杂布局。然而Flex属性较多，不便于记忆，而在项目中，布局使用频繁，那么可以将flex抽离为一个布局工具类，简化使用方式，快速应用于项目，减少记忆成本。 Fle…
    CSS 前端 flexbox
    Flex布局应用
  • web项目中图标的前端处理方案
    SVG sprite其实就是svg的集合。SVG即可缩放矢量图形 (Scalable Vector Graphics)的简称，是一种用来描述二维矢量图形的XML标记语言。SVG图形不依赖于分辨率, 因此图形不会因为放大而显示出明显的锯齿边缘.使用svg格式我们可以直接用代码来描…
    前端
  • CSS 层叠相关知识指北
    亲爱的观众老爷们大家好～我发现我写文章都是因为工作碰到问题才写，什么探索最前沿的最讨厌了（其实是力有所不及）！言归正传，最近碰到的问题是这个：准备开发一个平台，随手写导航栏组件之时，发现层级错乱，无论如何调z-index都无法达到预想的效果，大致代码如下： <nav> //背景遮…
    CSS