![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 61
徐云飞-web
喜欢编程,热爱前端,希望用代码打开与世界沟通的窗口。
展开
-
sass中的sourcemaps是干什么用的
最近在使用gulp构建项目,在编译sass的时候遇到了sourcemaps,查阅了相关资料,大概弄懂了它是个神马,以及如何生成使用。 首先,从名字可以看出sourcemaps是生成文件到源文件的一个映射,也就是sourcemaps记录了生成文件中的每一条语句在源文件中的对应位置。以gulp编译sass为例(假设你对gulp已经有了一定了解):1. 先安装gulp-sourcem原创 2016-10-18 13:13:44 · 2851 阅读 · 0 评论 -
css画圆, 如何用纯css实现一个动态画圆环效果
实现的思路就是通过css3的transform进行元素旋转,用到的知识点1. 如何画一个圆环2. 如何画一个半圆3. 元素旋转4. 定位废话不多说,直接上代码动态画一个圆环 *{ margin: 0; padding: 0; } .wrap{ position: relative;原创 2016-12-15 17:17:07 · 38444 阅读 · 0 评论 -
@support与CSS3条件规则
@support与CSS3条件规则转载 2017-02-08 10:44:33 · 736 阅读 · 0 评论 -
如何用css画胡子-单标签实现胡子效果
我们最终要实现的效果如下:你们相信吗?这么一个相对复杂的图形只需要一个div就能够实现。下面就跟我来学习如何实现。1. 首先写出代码结构,只需要如下一行2. 通过分析可以发现,这个胡子是左右对称的,因此只需要实现一边的胡子就可以了。首先画胡子中间的圆为.mustache添加样式.mustache{ width: 10原创 2016-12-20 16:13:41 · 813 阅读 · 0 评论 -
css3 3d转换
1. perspective: 900//目前浏览器都不支持这个属性,webkit内核浏览器支持 -webkit-perspective2. transform-style: preserve-3d; //开启3d转换transform: translate(x,y,z); //x轴方向是左右,y轴是上下,z轴是前后原创 2017-01-26 19:25:30 · 259 阅读 · 0 评论 -
css选择器优先级 好文收藏
原文链接: http://blog.csdn.net/lzgs_4/article/details/43446303CSS的选择器是有权重的,当不同选择器的样式设置有冲突时,会采用权重高的选择器设置样式。权重(即优先级)的规则如下,权重越高,优先级越高: 同一个元素可以使用多个规则来指定它的同一样式(比如字体颜色),每个规则都有自己的选择器。显然最终只有一个规则起作用(不可能一个转载 2017-03-23 19:21:21 · 334 阅读 · 0 评论