11 2011 档案

摘要:刚开始W3C CSS Workgroup拒绝将CSS3 transition与animation加入官方标准,一些成员认为过渡效果和动画并非样式属性,而且已经可以用脚本实现。所以请大家明白,特别是Web前端开发员,用CSS3做一些过渡效果和动画,并不比运用JS脚本实现要好(个人认为:用CSS只不过让不懂JS的人员(设计人员)也能做动画,而且使用浏览器封装好的方法,但使用JS脚本可以更灵活,在... 阅读全文
posted @ 2011-11-21 10:30 文旺 阅读(32156) 评论(5) 推荐(4)
摘要:Transform 适应于对任一DOM元素的2D或3D转换,这些转换效果有:旋转(rotate)、拉伸(scale)、平移(move)、倾斜(skew)等,利用Transform和javascript可以制作一些简单的动画,可以为web应用带来些意想不到的效果。 目前浏览器并不是完全支持所有的Transform ,IE9、Firefox 和Opera 仅支持2D transforms ,相应... 阅读全文
posted @ 2011-11-17 11:02 文旺 阅读(26710) 评论(5) 推荐(4)
摘要:之前工作忙,这篇博文来的有点晚,向大家说声抱歉! 1 文本特效 CSS3给文字加了很多特效,http://www.w3schools.com/css3/css3_text_effects.asp 在这里我将介绍:text-shadow、word-wrap、word-break和text-overflow。 1.1 text-shadow 文字阴影目前IE还不支持,而其它浏览器都已经支持了。 ... 阅读全文
posted @ 2011-11-14 10:22 文旺 阅读(4129) 评论(2) 推荐(3)
摘要:1. 颜色 和 透明度 在CSS3中对颜色进行了很多扩展,具体详情可参照官网:www.w3.org/TR/2003/CR-css3-color-20030514,下面说下CSS3中新的数字定义颜色的方法。 1.1 RGBA 相信大家以前定义颜色经常使用RGB, RGB色彩模式(也翻译为“红绿蓝”,比较少用)是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之... 阅读全文
posted @ 2011-11-06 10:29 文旺 阅读(13335) 评论(7) 推荐(4)
摘要:首先感谢广大网友们的支持,最新CSS标准参考网站:www.w3.org/Style/CSS/current-work,大家可以从此网站找到当前CSS详细信息,以及未来CSS4的相关信息,接下来谈正事。 1 CSS盒子模型 首先来复习下CSS的box Model,box Model 是CSS+DIV布局的灵魂所在,下面这张图足以说明一切: 元素框的最内部分是实际的内容,直接包围内容的是内边距... 阅读全文
posted @ 2011-11-02 09:53 文旺 阅读(6105) 评论(7) 推荐(6)
摘要:CSS 的英文全称Cascading Style Sheets,中文意思是级联样式表,通过设立样式表,可以统一地控制HMTL中各DOM元素的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。 CSS的W3官方网址是:www.w3.org/TR/CSS/,在这个《CSS3实践之路》中这官方资料是我主要参考资料,此外W3Sch... 阅读全文
posted @ 2011-11-01 10:03 文旺 阅读(2948) 评论(20) 推荐(8)