随笔分类 -  css

css之px自动转rem—sublime 插件CSSREM
摘要：CSSREM CSSREM 是一个CSS的 px 值转 rem 值的Sublime Text3自动完成插件。先来看看插件的效果： 一个CSS的px值转rem值的Sublime Text 3自动完成插件。 下载本项目，比如：git clone https://github.com/flashlizi/ 阅读全文
posted @ 2016-03-28 13:34 olivianate 阅读(12464) 评论(1) 推荐(0)
从网易与淘宝的font-size思考前端设计稿与工作流
摘要：文章引自http://www.codeceo.com/article/font-size-web-design.html，这里是保存下来做一个参考。 1. 问题的引出 最近阅读白树的博文《移动web资源整理》时，他在博文中有一段指出，如果html5要适应各种分辨率的移动设备，应该使用rem这样的尺寸 阅读全文
posted @ 2016-03-17 14:58 olivianate 阅读(261) 评论(0) 推荐(0)
less的安装使用和入门实践
摘要：1、简介 LESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。 LESSCSS可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。 具体语言特性详见：http://www 阅读全文
posted @ 2016-03-05 13:28 olivianate 阅读(729) 评论(0) 推荐(0)
用margin还是用padding？（3）—— 负margin实战
摘要：看过一篇文章是关于我知道你不知道的负Margin，里面对margin做了总结： 当margin四个值都为正数值的话，那么margin按照正常逻辑同周围元素产生边距。当元素margin的top和left是负值时会引起元素的向上或向左位置移动。而当元素margin的bottom和right是负值时会影响 阅读全文
posted @ 2015-03-28 19:59 olivianate 阅读(425) 评论(0) 推荐(0)
用margin还是用padding（1）——W3School CSS外边距合并
摘要：margin和padding一直用，但是你真的知道什么情况用margin，什么情况用padding么？ 关于css框模型概述，可以直接看W3SchoolCSS 框模型概述， 先来回顾一个基础的css知识，W3School CSS外边距合并 外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边 阅读全文
posted @ 2013-05-25 18:53 olivianate 阅读(393) 评论(0) 推荐(0)
css3新特性--前端开发常见问题
摘要：首先概括一下13点，对css3新特性有个大体的了解，有个大概的概念后，再对每一个新特性做更深入的了解。 1、增加了选择器 2、rgba和透明度 3、多栏布局 4、多背景图 5、Word Wrap 6、文字阴影 7、@font-face属性 8、圆角 9、边框图片 10、盒阴影 11、盒子大小 12、 阅读全文
posted @ 2013-03-28 18:19 olivianate 阅读(134) 评论(0) 推荐(0)