摘要: 注意:本文中的实例效果均非效果图片,推荐使用新版的非IE浏览器,或IE9+浏览器浏览本文,否则可能无法查看到最佳效果。 本章中,我们主要围绕实现纸质笔记的样式展开,逐步阐述了以下的CSS特性: background-size属性 在一个元素上使用多重背景图片 border-image属性 background-clip属性 @font-face规则 1.背景图缩放 在CSS3之前,背景图是无法缩放的,但随着CSS3的到来,这一切都成为了历史。 背景图的缩放需要引入CSS3的background-size属性,我们可以控制背景图片在水平和垂直两个方向的缩放,也可以控制图... 阅读全文
posted @ 2012-06-25 23:08 NSYulu 阅读(198) 评论(0) 推荐(0)
摘要: 从本章开始,就进入需要动手实践的阶段了。 注意:本文中的实例效果均非效果图片,推荐使用新版的非IE浏览器,或IE9+浏览器浏览本文,否则可能无法查看到最佳效果。 本章中,作者通过实现和优化气泡对话框的样式,逐步阐述了以下的CSS特性: word-wrap border-radius HSLA色彩模式 linear-gradient box-shadow text-shadow transform 1.包裹长文本: 在包裹文本的元素中,如果用户输入很长的文本,特别是URL,浏览器并不会自动折行,这会导致文本溢出。 例如:I really enjoy reading... 阅读全文
posted @ 2012-06-23 17:20 NSYulu 阅读(592) 评论(1) 推荐(0)
摘要: 序 最近看了图灵系列的《Stunning CSS3》,中文版是《CSS3实用指南》。我个人很喜欢这本书的风格,没有一直讲理论,而是通过几个实战的例子,一步步地引导读者,在引导的过程中带出知识点。一边看书,一边动手实践,收获颇多。 看完了这本书,觉得有必要总结下,梳理下收获的内容。废话不多说,直接进入主题。 第一章 CSS3的来龙去脉 这一章主要是给出了几个重要的概念和思想,为后面几章的学习,以及为实际项目中应用CSS3给出了一些指导性的想法。 1.什么是CSS3 CSS3是CSS2.1的扩展,在CSS2.1的基础上增加了许多强大的功能,以下是目前支持度较好,流行且使用的新特性... 阅读全文
posted @ 2012-06-21 21:07 NSYulu 阅读(489) 评论(2) 推荐(0)