第二部分:选择符(元素选择符、关系选择符、属性选择符、伪类选择符、伪对象选择符)
第三部分:语法与规则(!Important、/comment/、@import、@charset、@media、#font-face、@page、@keyframes)
第四部分:取值(颜色、文本、函数、图像、数字、其他)
第五部分:css单位(长度、角度、时间、频率、布局)
第六部分:附录(颜色关键字、媒体类型、css条件hack、css属性hack、css选择符hack、cssbugs解决方案、css技巧和经验、css其他技巧)
css常用,css全部样式,css翻转兼容ie,css里的padding顺序,css3 display block,要通过CSS设置文字间距,css图片抽屉
@ 学习CSS看什么书?
1. Pro HTML5 Programming 作者:Peter Lubbers, Brian Albers, Frank Salim
这本书适合有丰富编程经验的Web应用开发者。换言之,大家不会在这本书中介绍互联网发展的基础知识。这本书中有许多现成的资源可以加快学习Web编程原理。 2. HTML5 Up and Running 作者:Mark Pilgrim
书中的8个重点主题:
新的元素,如<Header>,<footer>和<section>(第3章)
canvas元素,使用 JavaScript 在网页上绘制图像。(第4章)
-你可以在网页中嵌入视频,而不使用第三方插件(第5章)。
Geolocation,借助它,浏览者可以在你的Web应用中分享自己的地理位置(第6章)。
永久的本地存储,而不用使用第三方插件(第7章)。
离线Web应用,即使网络中断也能工作(第8章)。
HTML网页窗体的改进(第9章)。
Microdata,让你创造属于自己的词汇表,并使用自定义的语言来扩展你的网页。(第10章)
3. HTML5 Canvas: For Games and Entertainment 作者:Rob Hawkes
关于作者:Rob Hawkes擅长通过代码解决问题。他沉迷于可视化编程,而不仅仅局限于HTML5以及其他令人兴奋的Web新功能的研究。 4. The essential guide to HTML5 作者:Jeanine Meyer
这本书适合那些想通过HTML5建立充满活力、令人兴奋的网站的开发者。如果你了解编程的相关知识,并希望知道HTML5能带给你什么,或者你没有任何编程经验,这本书都很适合你。这本书将展示HTML5的新功能和神秘的编程艺术。编程是一门艺术,而开发有趣的游戏和其它应用程序则需要天赋。 5. Sergey’s HTML5 & CSS3 Quick Reference 作者: Sergey Mavrody.
这本书是适合于专业网页设计师和开发人员的技术字典,它总结了超过3000页的HTML5和CSS3规则,涵盖了最常见的基本概念和规则,包括标签、属性、值、对象、属性、方法、事件和API。 主题包括:
HTML 5介绍。
HTML5和XTML5语法规则。
文档的语义结构。
HTML5元素、属性、Web 2.0的完整参考。
全局属性和事件。
一个完整的CSS3属性总结。
HTML5 API,包括Canvas、SVG、Video、Audio、Web Workers、Web Sockets、Microdata、Geolocation和Web Stroage等。
6. HTML5 for Dummies
出版社:Wiley Publishing Inc
HTML是网页制作的首选编程语言,而HTML5拥有全新的特性。从本书中你会了解丰富的媒体应用、地理位置、数据库、移动能力、CSS和JavaScript的新应用,以及如何使用新的canvas标签。 本书概览:
浏览器支持的新工具。
媒体原理,包括视频标签。
CSS中附加的伪类。
新的表单输入类型。
如何添加阴影和丰富多彩的形状。
创建Web套接字连接的提示。
Web工作者如何提高工作效率。
创建动画的步骤。
7. HTML5 Canvas 作者:Steve Fulron 、Jeff Fulron
HTML5 Canvas,为开发者提供了在普通的Web浏览器中使用常用的HTML和JavaScript创造动画图形的机会。Canvas是HTML5的最明显的特性之一,它提供了极大的视觉效果和交互性。然而,它不同于典型的JavaScript、Flash、Silverlight开发,需要认真的去探索! 本书分为11章,前四章,主要通过实例介绍HTML Canvas API,所涵盖的主题包括文本、图像和绘图。接下来的六章主要介绍了Canvase API的扩展应用,在这些章节中,大家讨论了数学和物理的应用、视频、音频、游戏和移动应用。最后一章介绍了3D和multiplayer的实验领域。
@ css层次选择器怎么用?
css层次选择器具体用法如下:
采用后代选择器 :从上面可以看出所有的标签都是body的后代,那么大家使用后代选择器,就可以将body的后代(所有标签)改变样式: 后代选择器是用祖先加上空格再加上后代标签类型进行声明的。
以上资料供参考。
@ 使用样式表有什么好处?
使用样式表有以下优点:
1.内容与表现分离写一个网页就好比建房子,房子的结构通过砖块、钢筋、水泥搭建,后期通过瓷砖、地板等的装饰,才能让房子更加漂亮。
网页通过HTML搭建整体结构,通过CSS修饰美化网页。为了使得在搭建的过程中不受到美化网页的影响,而是专注在结构上。并且在后期的维护上也更加方便。
2.网页的表现统一,容易修改分开之后,结构和样式在不同的文件,互不影响,结构清晰,可读性强,后期如果修改维护便于定位查找。
3.丰富的样式,使得页面布局更加灵活首先样式表中提供了强大的而且非常全面灵活的选择器,可以供大家选取到网页中的任何一个元素
从大的方面选择器可以分为四大类:
1.基本选择器
2.层次选择器
3.结构伪类选择器
4.属性选择器
如下图偶只是截取了属性选择器中几种:
其次样式表不仅提供了文本效果、背景和边框还有2D/3D 转换、动画、多列布局、用户界面等。
4.减少网页的代码量,增加网页的浏览速度,节省网络带宽很多CSS3技术通过提供相同的视觉效果而成为图片的“替代品”
换句话说,在进行Web开发时,减少多余的标签嵌套以及图片的使用数量,意味着用户要下载的内容将会更少,页面加载也会更快。
另外,更少的图片、脚本和Flash文件能够减少用户访问Web站点时的HTTP请求数,这是提升页面加载速度的最佳方法之一。
而使用CSS3制作图形化网站无需任何图片,极大地减少了HTTP的请求数量,并且提升了页面的加载速度
基于以上几点,使用样式表是必须的!!