基本信息
- 原书名:Styling Web Pages with CSS: Visual QuickProject Guide
- 原出版社: Peachpit Press
- 作者: (美)Tom Negrino Dori Smith
- 译者: 刘红伟
- 丛书名: UI设计丛书
- 出版社:机械工业出版社
- ISBN:9787111251682
- 上架时间:2009-9-5
- 出版日期:2009 年9月
- 开本:16开
- 页码:115
- 版次:1-1
- 所属分类:计算机 > 图形图像、多媒体、网页制作 > CSS
教材 > 教材汇编分册 > 高等理工

编辑推荐
如果你想要快速样式化Web页面而不需要了解所有细节,那么,你需要阅读本书。.
你不需要知道每一种功能——只需要了解如何让你的项目实现。..
全彩印刷,从头到尾地展示如何执行项目的每一步。...
内容简介
作译者
目录
前言
第1章 CSS简介
选择工具
创建样式表
编写CSS规则
创建类
定义ID
为CSS添加注释
使用内部样式
使用外部样式表
理解层叠
附加知识点
第2章 布局和定位
块标签和内联标签
盒模式
定位盒
理解浮动
选择大小
创建XHTML
译者序
如果你想要学习和掌握Web设计,那么,CSS是必备的技能之一。正因为此,当前市面上有众多CSS相关的图书。其中不乏对CSS的基础语法详细介绍的大全、手册甚至词典。而本书采用了一种独特的方式。它不会向读者介绍详尽的理论,而是使用大幅的、彩色的插图,辅以清晰、精炼的步骤说明,介绍如何在几个小时之内就完成一个特定的项目。全书虚构了要为Alpaca Repo创建Web站点的任务,从头到尾地展示如何执行项目的每一步。..
本书步骤编号、代码块、说明文字等板块作用明确,便于区分。每章末尾的附加知识点部分包含了你可能想要知道的提示和技巧。所有这些,都便于读者阅读和快速上手。
非常高兴能够有机会翻译本书。参加本书翻译工作的有刘红伟、景龙、景文正、孙海军等。如果读者在阅读中遇到问题,欢迎通过liuhongwei198004@sina.com与我们交流。
译者...
前言
本书中的项目将使用CSS(Cascading Style Sheet, 层叠样式表)来创建一个吸引人的、与标准相容的Web站点。使用CSS的主要方式有两种:首先,用它进行页面布局,把所有文本和图像都放在我们希望它们在页面上出现的地方;其次,使用CSS来样式化文本,使其外观有最理想的效果。在此过程中,我们还将学习如何通过创建CSS使文本环境在图像周围、创建菜单和导航栏,以及如何只修改一个文件就改变站点的整体外观。读完本书后,你会打下良好的CSS基础,可以将其应用到自己的项目和Web站点中。
本书讲解了CSS的基础知识,但它并没有涵盖Web开发的方方面面。像本书这样的篇幅,不可能完全覆盖如此大的主题。在你开始学习CSS之前,应该已经知道如何创建HTML标记并将其保存为Web页面,以及如何把页面上传到Web服务器,从而使得可以在Web浏览器中访问它。你不必是一位XHTML专家,但应该熟悉基本的XHTML标签和XHTML页面的基本结构。
我们要创建什么
我们将创建一个用于虚拟交易的Web站点—Alpaca Repo。如果该交易真实存在,就会从拖欠付款的主人那里重新拍卖这些可爱的、憨态可掬的动物。我们急于补充的是,我们个人绝不会牵走羊驼,而且也不会有羊驼因为本书的写作而受到伤害。因为我们将要创建的站点只是为了演示所有基本的技术,你可以使用所学到的知识来创建或更新自己的站点,无论是你的个人Web站点,还是你的公司或组织的最新站点。
过去,使用XHTML表格在页面上布局元素的做法很常见。文本和图像都放置在表格的单元格中。为了样式化文本,需要为每段文本添加XHTML样式标签。这些技术已经过时了,现代的站点不会再使用它们。相反,本书将介绍如何创建一个具有现代外观的站点,并且使用CSS来布局页面元素并控制页面上元素的外观。
Web页面是如何工作的
现代的Web页面由很多文件组成。这些文件组合到一起,Web浏览器会呈现(render)它们,并向浏览者显示页面。Web页面由以下文件组成:
·XHTML文件。它包含了页面的可读性内容,即页面的文本。XHTML文件是必需的。这个文件还包含一些关于你希望浏览器如何理解页面的信息。
·层叠样式表。它包含了内容的显示(presentation)规则。这些规则可能是页面上内容布局的说明,它可能是关于如何样式化文本的说明。严格地讲,CSS文件不是必需的,但如果没有CSS文件,页面看起来会相当单调。
·JavaScript文件。它包含为页面添加行为和用户交互的脚本。这些脚本可以是任何内容,从一个简单的表单验证(确认用户已经正确地填写了表单),到可以与桌面应用程序媲美的基于Web的复杂应用。同样,JavaScript文件也不是必需的。..
·图像大多数页面都有一个或多个图像文件,它们能为页面增色。
如何阅读本书
每一个小节的标题都说明了该节所介绍的内容
步骤编号说明了按照特定顺序执行的动作
代码块展示了应该放到各个XHTML和CSS文件中的内容
说明文字指出了你在做什么以及为什么这么做。它们也指出了相关的术语
重要的术语和Web站点地址以橙色显示
每章末尾的附加知识点部分包含了你可能想要了解的提示和技巧,但这些内容并不是必需的
每一组提示的标题和小节的标题一致