CSS
pusongyang
这个作者很懒,什么都没留下…
展开
-
CSS
最近在学习CSS,赶紧先记录一下。选择器selector,选中需要渲染的对象:元素选择器,选中HTML元素:h1 {color:gray;}选择器分组,使用逗号连接两个规则(使用同一个声明块):h1,h2,p{color:gray;}通配选择器,匹配任何元素:*{color:red;}类选择器,选择含有class属性为classname的元素:*.classname{font-原创 2012-02-09 20:57:51 · 705 阅读 · 1 评论 -
webkit CSS特效的小bug
Webkit的强大,就在于它能执行transform和transition。不过,因为CSS渲染比较新,而且很多人一直以来都坚持CSS不应该做动态的渲染。所以CSS的这些功能的支持,一直在进进退退。而HTML5中的Canvas大有可能替代CSS的这些特性。今天在使用中发现了一个比较棘手的问题:本来想做一个图片缩放后倒影的效果,结果怎么都出不来,CSS代码如下: position:ab原创 2012-03-01 11:28:40 · 678 阅读 · 0 评论 -
HTML5 canvas
最近要用做网页动画,纠结于使用canvas还是CSS3。。。反正先做笔记总没有错啦~ var cvs = document.getElementById("pageflip-canvas"); var ctx = cvs.getContext("2d");矩形 Rectangles方法:fillRect(x,y,width,height) : Draws a fille原创 2012-03-01 11:20:59 · 512 阅读 · 0 评论 -
CSS3 transition与animation
前一段时间项目上需要我在webkit核心的浏览器上,做一套比较炫的UI。开始准备采用canvas,不过发现canvas的执行效率不佳,虽然也做了刷新区域优化。为了凸显3D特效,又考虑是否需要采用WEBGL,不过,3D模型创建比较复杂项目进度也不允许。最后,采用了CSS3.CSS3优点是开发速度快,而且支持3D渲染加速。缺点是,目前支持不够规范,另外反锯齿比较差。今天先记录一下使用trans原创 2012-05-02 10:55:38 · 1738 阅读 · 0 评论 -
有用的CSS技巧
今天看到设计达人的CSS实用技巧文章,受益很多,感觉mark。原址:CSS使用技巧收集,包含CSS2/CSS3>>目前来说大部分网站都已经采用CSS来架构网页了,所以很多人都在学习CSS,以下是一些CSS比较常用的技巧,CSS2/CSS3的都有,可能有些你已经知道,但有些是新的,都值得一看,而且也很适合新手们去学习。01.DIV水平居中DIV 水平居中很简单,只需要设置DIV的宽带以及转载 2012-09-12 10:42:10 · 520 阅读 · 0 评论 -
CSS中的优先级(有些翻译为特殊性
CSS如果在网站中大量使用的话,常常就会纠结于这样的问题:当前的这个到底使用了哪些样式呢?为什么会这样展现?哦,我烦死了一堆的ID定义的CSS,还有在HTML中直接写style。理解CSS之前发的CSS技巧贴里面有CSS优先级的内容,不过描述过于简短了。想更好的使用CSS,或者成为高级的CSS研发人员,必须了解掌握CSS的优先级和继承。Meyer的书中有大量的篇幅来介绍这点,我这里mark翻译 2012-09-12 21:36:08 · 581 阅读 · 0 评论 -
CSS格式化,Meyer和YUI
一直想写写CSS格式化的文章,最近毕业论文刚好要开题,就顺便mark一下。CSS格式化主要是通过对CSS的格式化来降低在不同浏览器中默认样式展现时的差别。这对于做跨浏览器网页的设计或研发人员都提供了良好的支持。目前流行的CSS的格式化主要有:Eric Meyer和YUI提供的。Meyer的CSS格式化,很早前就提出了,在她的经典CSS书中《CSS权威指南》。YUI的CSS格式化,也提供原创 2012-09-12 11:30:47 · 434 阅读 · 0 评论 -
合并小图片利器TexturePacker GUI
合并小图片,可以很大的节省网络开销。尤其现在的网站很喜欢使用大量的小图标来做一些友好提示。当然使用图片文字也是一种选择。不过这里推荐的是TexturePacker GUI,这个确实是一款利器。合并小图片,刚刚开始的时候我们只能用PSD将各个图标合并到一张PSD上,然后切图。在CSS引用的时候在去计算background-position。后面开始用了web版本的图片合并工具,不原创 2015-07-01 09:33:26 · 1652 阅读 · 0 评论