有这样一个问题。 别急，下面我们就开始逐一分析各种方法在web自适应布局下的使用姿势，最后做个总结。 本文的所有例子使用了同一种三栏布局。源代码点我 1. 浮动布局 float:left|right 最常用的布局方式之一，设置了float的元素脱离了文档流。需要注意在使用过浮动…

点赞 o(￣▽￣)ｄ 不迷路 收藏 ✋🏻 + 关注 谢谢老铁 ♪(･ω･)ﾉ 思维导图链接（高清无码） 图中1, 2, 3, 4 表示优先级 1. CSS 选择器及其优先级 选择器 格式 优先级权重

本文总结于张鑫旭老师的《css世界》，个人学习笔记。 demo：https://github.com/JuliaJaJa/css-demo 介绍一些常用的css属性

怎么实现这样一个圆环进度条的效果呢，可以使用canvas、svg、GIF等等方式，今天我们来说下使用css3怎么来实现。 圆环很简单，一行cssborder-radius:50%即可实现，而且没有兼容性问题，什么，你说IE，让它滚... 我们这里需要三个圆环，一个整的，两个半的…

box-shadow 属性用于在元素的框架上添加阴影效果。 你可以在同一个元素上设置多个阴影效果，并用 逗号 将他们分隔开。 该属性可设置的值包括阴影的X轴偏移量、Y轴偏移量、模糊半径、扩散半径和颜色。 如果只给出两个值, 那么这两个值将会被当作 <offset-x> <off…

通过 CSS3 变形属性，我们能够对元素进行移动、缩放、转动、拉长或拉伸。CSS过渡在一段时间内把css属性的初始值变为另一个值，既`逐渐变化`，不那么突兀。css动画的效果则更加强大，可以自动播放。

transition只能定义开始状态和结束状态，不能定义中间状态，也就是说只有两个状态。而动画可以是多个状态 间的变化。 动画还有一点不同，它可以自动开始。过渡一般需要通过添加样式类或更改状态（如悬停）来触发，但动画可以在页面加载时自动启动。 animation更加复杂一些，它…

transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。 transition主要包含四个属性值：执行变换的属性：transition-property，变换延续的…

所谓‘伪元素’，就是本身不存在的页面元素，HTML代码里并没有这样的元素，但在页面显示时，你却能看到这些本来不存在的元素发挥着作用。本文主要探究伪元素beforce和after的常用使用场景。 :before 选择器向选定的元素前插入内容。 使用content 属性来指定要插入…