css
cily_undefined
我是一枚刚学习的菜鸟,请大家多多指教
展开
-
关于CSS3的变形、过渡、动画、关联属性
一、变形transform:可以对元素对象进行旋转rotate、缩放scale、移动translate、倾斜skew、矩阵变形matrix。 示例:transform: rotate(90deg) scale(1.5,0.8) translate(100px,50px) skew(45deg,45deg);/*矩阵变形*/matrix(<number>,<number>,<number>,<n原创 2017-02-28 17:49:13 · 3498 阅读 · 0 评论 -
Less
Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。Less的编译工具:1、koala编译(下载地址:http://koala-app.com/index-zh.html,推荐)2、Node.js库3、浏览器端使用下面来讲解一下les原创 2017-03-06 17:21:52 · 1020 阅读 · 0 评论 -
区分css的px、em、rem
px:像素(Pixel),相对长度单位,相对于设备显示器屏幕分辨率的大小。em:相对长度单位,相对于当前对象内文本的字体尺寸,若未设置文本字体大小则相对于浏览器默认字体大小。rem:相对HTML根元素的大小,用rem为单位,只需要设置html的字体就可以了。看下面的代码可能会比较直观些: body{原创 2017-06-14 13:44:18 · 517 阅读 · 0 评论 -
纯CSS实现简易轮播(一)
做项目的时候总用别人的轮播插件,就想着自己能不能做一个轮播,能不能用纯CSS做的,然后就在网上查了一下,发现例子还不少,然后看一下别人的,自己照猫画虎的也来一个试试,很简单的一个效果,这个的体验效果不太好,想学习的可以看一下试试html代码: 1 2 3 4 5 CSS代码如下:*{ margin原创 2017-09-07 17:44:03 · 2283 阅读 · 0 评论