Css
Wang's Blog
Keep learning for the innovation era.
展开
-
Css编译之Less入门
为什么要有预处理CSS? css写起来比较费事,而且代码难以维护 , 后来,就有了让CSS加入一些编程的元素,像其他程序语言一样可以做一些预定的处理,这就是 CSS预处理器( CSS Preprocessor )less.js的工作原理: 是内部先用Ajax请求less文件(遍历网页上的具有rel=stylesheet/less属性的文件),然后按照自己的语法解析,生成对应的CSS然后加在页原创 2016-05-13 10:25:17 · 5642 阅读 · 0 评论 -
Sass 环境调试
CSS的预编译工具有很多 :Less , Sass , stylus , postcss 等等 。CSS预处理器用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件,以供项目使用。为CSS增加一些编程的特性,无需考虑浏览器的兼容性问题,例如你可以在CSS中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性, 可以让你的CSS更加简洁、适应性更强、可读性更佳,更易原创 2016-05-14 16:18:03 · 1936 阅读 · 2 评论 -
Sass的知识点梳理
变量变量的声明使用$来声明,例如$width:200px;div{ width:$width;}编译后为 : div{ width:200px;}有时间再来补充原创 2016-05-14 19:58:25 · 862 阅读 · 0 评论 -
使用css3做0.5px的细线
webapp中的CSS3实现 0.5px的细线 感觉很长时间没写过博客了,最近生活还算稳定,过得较为充实,所以又要开始写写东西了,一个是为了做些记录,是怕自己某一天,忘记了,回头翻翻博客,就会再次的拾起来,记忆,就是这样。 曾看过淘宝,京东,易迅,一号店等等电商的移动端网站,这些大的电商站的共同特点是做的精致,用户体验良好,其中在布局方面 , 0.5px的线看上去就比1px的线看上去要原创 2016-07-24 12:58:06 · 29315 阅读 · 0 评论 -
CSS3知识整理之选择器,颜色,文本,边框,盒模型,背景和渐变
CSS3 概览 CSS3是CSS2的“进化”版本,在CSS2基础上,增强或新增了许多特性,弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷。 特点如下:浏览器支持程度差,需要添加私有前缀 移动端支持优于PC端 不断改进中且应用相对广泛 应用场景:坚持渐进增强原则 考虑浏览器用户群体 遵照产品的方案 CSS3 选择器属性选择器伪类选择...原创 2018-03-21 15:11:25 · 983 阅读 · 0 评论 -
CSS3知识整理之过渡,二维转换,三维转换
CSS3 过渡 transition 过渡是CSS3中具有颠覆性的特征之一,可以实现元素不同状态间的平滑过渡(补间动画),经常用来制作动画效果。帧动画:通过一帧一帧的画面按照固定顺序和速度播放。如电影胶片补间动画:自动完成从起始状态到终止状态的的过渡。关于补间动画更多学习可查看http://mux.alimama.com/posts/1009特点:当前元素只要有“属性”发生...原创 2018-03-21 15:36:28 · 942 阅读 · 0 评论 -
CSS3知识整理之动画,Flex布局,多列布局,Web字体和兼容度
CSS3 动画 animation 动画是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。必要元素a、通过@keyframes指定动画序列;b、通过百分比将动画序列分割成多个节点;c、在各节点中分别定义各属性 d、通过animation将动画应用于相应元素;关键属性 a、animation-name设置动画序列...原创 2018-03-21 16:25:19 · 797 阅读 · 0 评论