前言
对于一个网站页面来说,HTML和CSS样式都是基础,HTML用于表现页面的内容,而CSS样式负责页面外观的表现。CSS3是全新的CSS技术,能够为用户带来更加高效、美观的网页表现效果。
到目前为止,CSS3还没有正式发布成熟的规范,其中的模块也在不断地更新,特别是浏览器对CSS3属性的支持也在不断地变化,所以我们也希望通过本书来帮助读者更好地掌握CSS3的新特性,并且实现跨浏览器、跨设备的高效的CSS开发。
本书内容
CSS3为我们带来了全新的网页视觉表现效果,本书全面介绍了CSS3的核心知识点及传统CSS属性,通过案例与知识点相结合的方式,使读者能够更容易地理解知识点并轻松应用,重要的是详细介绍了每个CSS3属性的浏览器兼容性及适配不同浏览器的具体方法,从而使读者能够将新技术运用到实际的开发中。全书共分为12章,每章的主要内容如下。
第1章 揭开CSS的神秘面纱。本章主要介绍了有关Web标准和CSS样式的基础知识,重点介绍了浏览器对CSS3的支持情况、跨浏览器的CSS样式及浏览器私有属性前缀等内容,使读者对CSS样式有更深入的了解,掌握跨浏览器CSS样式的应用方法。
第2章 从全新的CSS3选择器开始。本章介绍了传统的CSS基础选择器和全新的CSS3选择器,并通过案例的制作使读者轻松地理解并掌握CSS3选择器的使用方法和技巧。
第3章 CSS3炫目的文字效果。本章介绍了用于设置文字、段落和列表的基础CSS属性,还介绍了CSS3新增的用于设置溢出文本、文本换行、文字阴影和嵌入Web字体的新属性,并详细讲解了每种属性的实用方法和浏览器兼容性。
第4章 更加便捷的网页背景设置。在本章中,读者不仅能够温故用于设置背景的基础CSS属性,还能够学习到CSS3新增的用于设置元素背景的相关属性,包括背景图像尺寸、背景原点、背景裁切和多背景图像设置,使网页元素背景的设置更加丰富、便捷。
第5章 CSS3丰富的颜色设置方法。CSS3中对于网页元素的颜色设置更加丰富,不仅可以设置半透明色彩,还可以设置线性或径向渐变颜色,本章详细介绍了CSS3中新增的各种颜色设置方法及各种颜色设置方法在实际项目中的应用。
第6章 个性的边框设置属性。本章主要介绍了基础的border属性,以及CSS3新增的多种颜色边框、圆角边框、图像边框、元素阴影等属性,从而帮助用户在网页中实现特殊的边框效果。
第7章 揭开CSS3盒模型的秘密。本章详细介绍了W3C标准的盒模型,以及浮动布局和定位技术的相关知识,并且还介绍了CSS3新增的内容溢出、自由缩放、外轮廓等属性,使读者能够更好地理解并应用CSS盒模型。
第8章 CSS3伸缩布局盒模型。本章详细介绍了全新的CSS3伸缩布局盒模型的原理、相关属性和使用方法,结合案例的制作使读者能够轻松掌握使用伸缩布局盒模型对页面进行布局制作的方法。
第9章 轻松实现多列布局。本章详细介绍了CSS3新增的多列布局的相关属性及使用方法,并且通过案例制作的讲解,使读者能够轻松实现网页内容的多列布局效果。
第10章 出色的CSS3变形动画效果。元素变形和动画效果是CSS3最突出的亮点,通过相关CSS属性的设置即可轻松地在网页中实现各种2D、3D变形效果和元素动画效果。本章详细介绍了CSS3中各种2D、3D变形属性及动画属性的使用方法。
第11章 媒体查询和响应式设计。随着移动互联网的发展,网站页面不仅要适应传统PC的浏览器,也要能够适应手机、平板等智能设备的浏览,这就需要网页采用响应式设计。本章详细介绍了CSS样式中的媒体查询功能,使读者能够轻松地实现响应式设计。
第12章 综合案例实战。本章对3个实用的网站页面案例进行制作讲解,通过案例的制作练习,使读者能够更好地综合运用CSS样式来实现网页的布局制作。
本书特点
本书最大特点就是将CSS3属性按功能模块进行分类,通过理论、图解、实战相结合的方式向读者介绍CSS3各个属性的功能。
内容全面、丰富
全面介绍了CSS3属性的语法、特性及使用技巧,涵盖了CSS3众多功能模块,如CSS3选择器、文本、背景、颜色、边框、分列布局、盒模型、伸缩盒模型、变形与动画及CSS媒体查询等。
图文结合、直观易懂
每个CSS3属性的讲解过程都采用了图文结合的表现方式,甚至每一个步骤都配有相应的效果图,使读者更容易理解。
针对性强
目前各浏览器对CSS3属性的支持情况不一,针对这一特点,在讲解CSS3属性的过程中都介绍了相应的浏览器兼容性,以及适配不同浏览器的说明和操作方法,使读者在现阶段能够在项目中更好地应用CSS3属性。
结合案例,实用性强
每个CSS3属性的讲解都配合了实战练习,通过实践来加强读者对CSS3属性的理解和应用,更好地掌握CSS3中的每个知识点。
资源下载及其使用说明
本书采用图文结合的方式对CSS3的知识点进行了全面讲解,同时,还随书附赠了配套学习资源,包含500多分钟的书中所有案例操作过程的视频讲解,以及案例需要的源文件及最终文件,方便读者学习和参考。读者扫描右侧或封底二维码即可获得文件下载方式。
资源下载验证码见本书最后
如果大家在阅读或使用过程中遇到任何与本书相关的技术问题或者需要什么帮助,请发邮件至szys@ptpress.com.cn,我们会尽力为大家解答。
由于水平所限,书中难免有错误和疏漏之处,希望广大读者朋友批评、指正。
编者