本书是一本CSS技术专著,主要从布局这个角度全面、系统和深入地讲解CSS在标准网站布局之中的应用。很多读者经过初步的学习之后就能够使用CSS设计出一些漂亮的网页样式,于是便乐在其中,踌躇满志,这是好事,但千万不要自我陶醉,因为你还未领略CSS的博大精深。用CSS容易,难的是全部都用CSS。CSS的精髓是布局,而不是样式,布局是需要缜密的逻辑思维和系统设计的,而样式只需要简单地编写代码或复制即可。本书正是基于这样的现实,系统地探索了CSS在布局中的各种技术应用,主要包括盒模型技术、布局模型技术、定位技术、浏览器兼容技术,以及编码规范等,同时结合5个综合实例切实帮助读者找到实战开发的体验和智慧。除此之外,还就CSS开发中的一些技术难点和重点展开了详细的介绍,例如表格、表单、图像、超链接、导航菜单、滑动门、圆角、阴影、换肤、Tab技术等等。\r\n 本书注重基础、讲究实用、选材精当、深入浅出,适合初中级读者学习使用,也适合具有(X)HTML和CSS基本知识的任何网页设计和开发人员阅读和参考。
第1章 Web标准布局概述 \r\n 1.1 从闪客帝国网站改版说起 \r\n 1.2 表格布局的神话与没落\r\n 1.3 从Table到CSS——坎坷的历程\r\n 1.4 认识Web标准 \r\n 1.5 CSS布局的基本思路 \r\n 1.6 我能学好CSS布局吗 \r\n 1.7 制作你的第一个XHTML+CSS页面\r\n第2章 CSS布局基础 \r\n 2.1 标准网页结构\r\n 2.2 CSS基本语法 \r\n 2.3 CSS选择符 \r\n 2.4 CSS属性 \r\n 2.5 CSS属性值\r\n 2.6 在网页中应用CSS\r\n 2.7 CSS的继承、层叠和特殊性\r\n 2.8 div和span深入研究\r\n 2.9 id和class深入研究\r\n第3章 CSS布局工具 \r\n 3.1 TopStyle \r\n 3.2 Dreamweaver\r\n第4章 CSS盒模型 \r\n 4.1 盒模型基础 \r\n 4.2 边框\r\n 4.3 边界\r\n 4.4 补白 \r\n 4.5 盒模型兼容性应用\r\n第5章 CSS格式化排版 \r\n 5.1 排版是个细活 \r\n 5.2 文字排版 \r\n 5.3 段落排版\r\n 5.4 图文混排\r\n第6章 CSS布局模型 \r\n 6.1 关于CSS布局\r\n 6.2 流动布局模型\r\n 6.3 浮动布局模型\r\n 6.4 层布局模型 \r\n 6.5 层叠等级 \r\n 6.6 高度自适应 \r\n 6.7 CSS基本布局类型\r\n第7章 CSS浏览器兼容解决方案 \r\n 7.1 关于网页浏览器 \r\n 7.2 CSS Bug、Hack和Filter简介 \r\n 7.3 过滤样式表文件\r\n 7.4 过滤规则和声明 \r\n 7.5 在IE/Windows中隐藏规则和声明\r\n 7.6 网页Bug解决方案\r\n 7.7 常见Bug及其修复\r\n 7.8 HTML默认样式与浏览器解析差异\r\n 7.9 IE 7浏览器兼容解决方案 \r\n 8.1 CSS文档统筹 \r\n 8.2 规则的组织 \r\n 8.3 属性的组织 \r\n 8.4 CSS命名艺术\r\n 8.5 CSS代码缩写规则\r\n 8.6 CSS代码书写格式\r\n 8.7 CSS代码注释艺术 \r\n 8.8 CSS代码优化技巧\r\n第9章 个人Blog网站布局 \r\n 9.1 关于Veerle''s blog的研究 \r\n 9.2 网站配色 \r\n 9.3 全局属性设置 \r\n 9.4 控制模块显示宽度 \r\n 9.5 关于兼容性的解决方案 \r\n 9.6 滑动门技术研究\r\n 9.7 欣赏与研究背景图像的应用\r\n 9.8 圆角研究\r\n 9.9 阴影研究\r\n第10章 公司宣传网站的布局 \r\n 10.1 关于Layout的研究 \r\n 10.2 全局属性设置 \r\n 10.3 页面框架控制 \r\n 10.4 关于列表布局的深入研究\r\n 10.5 导航菜单研究 \r\n第11章 技术门户网站布局 \r\n 11.1 关于CSS Beauty的研究 \r\n 11.2 全局属性设置 \r\n 11.3 页面框架控制 \r\n 11.4 关于CSS Beauty导航条的研究\r\n 11.5 关于CSS Beauty数据表格的研究\r\n 11.6 数据表格深入研究\r\n 11.7 数据表格的CSS布局研究\r\n第12章 Web 2.0网站布局 \r\n 12.1 关于Web 2.0的技术探析 \r\n 12.2 关于读客网的研究 \r\n 12.3 全局属性设置 \r\n 12.4 页面框架控制 \r\n第13章 网上商城网站布局 \r\n 13.1 关于阿里巴巴 \r\n 13.2 关于阿里巴巴中国网站的研究 \r\n 13.3 全局属性设置 \r\n 13.4 页面框架控制 \r\n 13.5 网页换肤技术研究\r\n 13.6 Tab切换技术 \r\n 13.7 表单研究
朱印宏,资源网页设计师。从事网站开发与设计已有6年之久。对CSS、JavaScript、XHTML、XML、AJAX等网页前台技术有着深入的研究,并对这些技术的应用有着独到的见解;精通ASP和ASP.NET,能够融合前台和后台技术,实现网站混合开发。作者发表过Web设计文章十几篇,出版过6本Web技术专著。其中,《完美网页设计》系列、《ASP.NET全程开发实例》和《ASP.NET基础与实例教程》等图书深受读者欢迎和喜爱,图书多次重印,所写图书严谨、扎实,语言通俗易懂。个人所建立的www.css8.cnm网站专注于Web标准技术与信息咨询。
CSS是Cascading Style Sheet的英文缩写,中文翻译为层叠样式表单。通过这个意思,我们可以明白层叠性是CSS的一个基本特性。但是很多开发人员错误地把CSS与样式等同起来。
实际上,CSS技术的核心是布局,而不是样式。CSS的强大生命力在于它的布局能力,而不是细枝末节的修饰功能。当然,CSS在样式设计方面的功能是非常完美的。如果读者受制于错误概念的影响,不能超脱现有的篱笆,会给自己的学习与实践背上很重的包袱。俗话说得好“站得高,望得远”,只有从布局的高度来学习CSS技术,读者才能抓住CSS的本质,才能在CSS实践中应用自如。
尽管目前有关CSS的学习资源的数量越来越多,但多是一些支离破碎的技巧和经验,学习这样的资料很容易产生身处山中却不得山貌的困惑。另一方面,CSS的一些高级技术是比较晦涩的,例如,盒模型、布局模型、定位模型、CSS特殊性和兼容性,即使是有经验的CSS开发人员也会遇到问题。这是因为大多数CSS开发人员是靠自学成才的,他们从网上文章和别人的代码中学习经验,而没有全面系统的理解CSS规范。
此外,浏览器兼容性问题和CSS开发工具的缺乏都会影响CSS的开发效率。浏览器对CSS的解析差异是CSS开发人员所面临的巨大挑战,很多设计师不得不花费大量时间来修补CSS代码的兼容性,由于没有系统的参考资料,这些经验基本上都是摸石头过河,严重影响开发速度。
因此,本书将从CSS最基础知识起步,全面系统的探索CSS核心功能,将最有用的CSS技术汇总在一起,全面弥补读者在CSS知识中的欠缺,帮助你加快学习CSS的进程,使你的代码很快能够达到CSS专家的水平。
读者对象
全书从最基本的概念开始讲起,步步深入,因此,即使你是完全的新手,对(X)HTML和CSS还没有任何概念,你也完全可以看懂本书。如果你已经使用CSS一段时间了,但还不是专家,那么你能够从本书获得最大的收益。本书充满了实用的经验技术和示例,可以帮助你精通CSS 技术。
本书专注于CSS技术,系统、全面和深入是本书的特色,因此,本书适用于所有网站设计师以及网站开发人员。全书力求用通俗的语言、简洁的结构、系统的内容与读者一起探索CSS技术,并以CSS布局为重点介绍CSS全部的应用技巧。
全书结构
全书共分13章,包括两大部分:第一部分侧重于CSS技术本身,全面系统的讲解CSS技术的方方面面;第二部分侧重于综合实例解析,帮助读者积累CSS开发实战经验。本书内容采用知识+实例的方式,一步步引导读者如何开始新的、符合Web标准的CSS布局设计。由于CSS布局设计从本质上与传统的表格式布局有着截然不同的开发方式,因此本书的重点将放在如何转变思路和如何实际操作等问题上。
第1章,侧重于现实的困惑,介绍Web标准布局的历史发展,帮助读者找准方向,为后面学习奠定思想基础。
第2章,是CSS基础知识入门,系统的讲解了CSS语法,是初学者必须认真阅读的内容,后面所有内容都将以此为基础展开介绍。
第3章,介绍了CSS开发中两个最重要的编辑工具,熟练掌握其中一种CSS开发工具,可以帮助读者节省很多代码书写时间。
第4章,介绍CSS盒模型技术,盒模型是CSS布局的基础,所有布局都是建立在该技术之上,对于初学者来说应该算是一个技术难点。其中,盒模型本身比较容易理解,困难的是盒模型之间的关系不好把握,需要一定的经验积累。
第5章,介绍CSS版式设计,这一章主要从最基本的样式介绍起,涉及到一些开发技巧,但学习难度不是很大。
第6章,介绍CSS布局模型技术,布局是CSS的难点,也是一个重点,里面包含很多实用技术,如浮动、定位、布局、结构等。读者不容易学习的原因在于,一是布局本身比较抽象,有些效果不容易直接观察;二是浏览器的兼容性会给读者的学习和开发带来障碍;三是不同类型的元素混合布局时,会出现很多意想不到的问题。
第7章,介绍CSS兼容性技术,本章对于初学者来说,在学习上会存在一定的困难,不过当你初步掌握CSS布局之后,你会发现它非常有用,且具有相当的参考价值。
第8章,完全从开发实践的角度介绍如何统筹、规划CSS编码,以及如何优化CSS代码。学习中,需要读者结合实际开发过程,这样能够更容易理解和领会其中的意思。
从第9章开始,分5章介绍了5个综合实例的开发思路和过程,力求帮助读者体验不同类型网站开发的一般步骤和方法。在实例中,重在介绍CSS的构思和开发方法,并对其中一些技术难点展开讲解。
通过阅读本书,读者能够获得全新的网站设计思考方式、全新的XHTML+CSS开发方式,帮助你创建更具创造性、高效性,以及易于维护与访问的网站。
阅读提示
在写作中,全书采用循序渐进的方式,从最基本的概念讲解,并不断深入,对于没有基础的读者来说,建议不要跳跃式阅读,只有在领会前面内容的基础上,你才能够更好地学习和理解后面的知识。如果你有一定的CSS基础,可以把本书作为设计开发的参考手册,它将帮助你排解实践中遇到的各种问题。
本书为了使读者更好地理解与掌握CSS布局方法,在大部分章节之中,除了提供知识、实例外,还从网络上收集了在此方面具有独道之处的网站,就这些现实存在的网站在这些设计问题上的实现方法进行解析,以帮助读者快速理解并行之有效的应用到自己的工作之中。
为了帮助读者学习参考,本书还提供了最新的CSS中文完全参考手册,帮助读者随时查找在学习或开发中所用到的CSS语法和属性的详细解释。
本书介绍了大量的XHTML和CSS代码,用以帮助读者学习CSS布局,但由于篇幅所限,不能够把书中每个示例的所有代码都放置在书中,因此示例代码基本上只显示了二部分:
XHTML结构代码,即网页中的body部分代码。
CSS布局代码,即网页中的style标签内代码。
网页其他部分代码被省略,显示如下:
标题
-在这里输入书中显示的XHTML结构或框架代码
因此,读者在上机练习时,需要补全XHTML主体框架代码。如果不明白,可以直接参考光盘实例。在实际学习时,需要使用完整的XHTML代码结构,才能够让浏览器顺利解析,读者可以自己编写或借助于网页编辑器完成。
而另一方面,由于实例中的代码有不少内容过于复杂繁多,为了帮助读者更清晰的阅读,实例中的部分代码使用…省略号省略了不重要或重复性的代码。
目前CSS在兼容性上仍然存在着差异。其中比较明显的是IE 5.5及以下版本与IE 6和Firefox的差异,而IE 6与Firefox之间也有部分解析差异。因此,在本书示例中,会一直考虑代码的浏览器兼容问题。
目前浏览器市场主要是IE 6与Firefox,但国内的用户90%以上都使用IE 6浏览器,因此,本书中的所有实例都以IE 6为试验平台,保证大部分用户可简单在IE 6平台上实现,同时也会兼顾Firefox以及其他类型的浏览器,对于IE 5.5及以下版本的浏览器,由于用户人数有限,且其本身也并不是以Web标准为核心的浏览器,因此不是重点试验平台,只有涉及到兼容技术时,本书才会介绍并显示不同IE版本的浏览效果。
本书在CSS布局的解读上,完全从CSS布局的思考方式入手,并不针对浏览器之间的兼容性技巧进行编写,因此,读者只要理解了CSS布局的思考方式和编写原理,就能够真正的了解CSS的布局技术,而这些浏览器之间的差异,大家在学习和应用的过程中也能够慢慢体会到。在本书的专门章节——CSS浏览器兼容解决方案中,我们将深入探讨如何解决这些兼容性问题,以及对浏览器的解析行为做出分析,帮助读者更透彻的理解CSS布局。
致谢
本书写作历时半年之久,为了给读者贡献一本高质量的CSS技术专著,很多人为此而默默无闻地提供了各种直接或间接的帮助。
特别要感谢我的妻子和孩子,为了支持我的写作,为我节省了大量的宝贵时间,同时还要忍受每个深夜里灯光和噪音的干扰,每当我处于困境和面临压力时,是她们给予我无微不至的生活照顾,并鼓励我勇敢地坚持下来。
感谢我的同事姜德元、杨兴国、张敏、袁江、陈万林等,是他们承担了更多的工作,才使得我能有更多的写作时间。
最后,我要感谢本书的策划编辑陈冰先生,是他提出了很多有建设性的意见,使得本书的内容更充实、更实用。同时,还要感谢为本书的出版付出努力的文稿编辑、校对编辑,及其他相关工作人员。
本书作者
本书由朱印宏编写。同时,参与资料整理及编写的还有常才英、袁祚寿、袁衍明、张敏、袁江、田明学、唐荣华、毛荣辉、卢敬孝、刘玉凤、李坤伟、旷晓军、陈万林、陈锐、周秀成、颜昌学、王幼平、冉原洲、李经键、胡厚成等,在此对大家的辛勤工作表示衷心的感谢!
由于时间有限,书中难免会有疏漏和不足之处,恳请广大读者提出宝贵意见。有关本书的任何问题请
无封面