出版时间:2010年6月 出版社:电子工业出版社 作者:David Sawyer McFarland 页数:355 译者:俞黎敏
Tag标签:无
内容概要
本书从介绍最基本的CSS知识开始,到建立用于打印网页的CSS和改进你的CSS习惯的最佳实践。将关于CSS的选择器、继承、层叠、格式化、边距、填充、边框、图片、网站导航、表格、表单、浮动布局、定位网页上的元素,以及用于打印网页的CSS等技术通过逐步地讲解与教程串联了起来。每章内容从简单到复杂,一步一步地建立起一个完整的教程示例,并在每章都会详细讨论一些技巧、最佳实践和各浏览器之间一致性的兼容问题及如何进行修复,以及给出实际的解决办法来创建最佳展现效果的页面,在各章节的最后都给出了相应教程的详细操作步骤。并且介绍了最新的CSS 3特性及常见问题,最后还提供了完整的CSS属性参考、Dreamweaver CS4中的CSS及书中提到的相关CSS资源列表。 本书适合于刚刚接触CSS的朋友们阅读并亲自动手实践,具有HTML、XHTML和CSS基本知识但想创建更加完美的网页的设计人员,以及须要创建在各种不同的浏览器之间兼容并都能够达到同样展现效果的CSS专家们作为参考。
作者简介
David Sawyer McFarland是位于俄勒冈州波特兰的一家网站开发和培训公司即Sawyer McFarland Media, Inc.的总裁。他从1995年开始创建网站,当时他设计的第一个网站是针对通讯专家的一本在线杂志。他曾经是位于伯克利的加利福尼亚大学和伯克利多媒体研究中心的网站管理员,并对Macworld.com基于CSS驱动的重新设计进行了完整的监控。
书籍目录
THE MISSING创作团队简介 简介 第1部分 CSS基础知识 第1章 对HTML的再思考 HTML的过去与现在 HTML的过去:看起来一切都好 HTML的现在:CSS的脚手架 为CSS编写HTML 思考布局结构 学习两种新的HTML标签 可以忘却的HTML标签和属性 编写技巧 DOCTYPE(文档类型)的重要性 充分利用INTERNET EXPLORER 第2章 创建样式和样式表 样式剖析 理解样式表 如何选择内部或外部样式表 内部样式表 外部样式表 用HTML链接样式表 用CSS链接样式表 教程:创建第一个样式 创建行内样式 创建内部样式表 创建外部样式表 第3章 选择器:明确设置哪些样式 标签选择器:整体控制 类选择器:精确控制 ID选择器:控制特殊的网页元素 给标签组定义样式 构建群选择器 通用选择器(*) 给标签内的标签定义样式 HTML族谱 创建派生选择器 伪类和伪元素 给链接定义样式 给段落定义样式 更多的伪类和伪元素 高级选择器 子选择器 同胞选择器 属性选择器 教程:选择器模型 创建群选择器 创建和应用类选择器 创建派生选择器 创建和应用ID选择器 点睛之笔 第4章 用样式继承节省时间 什么是继承 继承如何简化样式表 继承的局限性 教程:继承 基本范例:一级继承 用继承重新设置整个网页的样式 继承不起作用 第5章 用层叠管理多样式 样式如何层叠 继承样式的叠加 最近的祖先样式胜出 直接应用的样式胜出 一个标签,多个样式 用权重值决定哪种样式胜出 权重值相同时最后一个样式胜出 控制层叠 改变权重值 选择性地覆盖 重新创建样式 教程:层叠实例 重置CSS,重新设置样式 创建混合样式 消除样式冲突 第2部分 CSS实用技术 第6章 文本格式化 如何格式化文本 如何选择字体 如何给文本添加颜色 如何修改字号 PIXEL(像素)的用法 KEYWORD(关键字)、PERCENTAGE(百分比)和EM(行长单位)的用法 如何格式化词语和字母 斜体化和粗体化 大写化 文本的修饰 字母间距和字间距 如何格式化整个段落 如何调整行间距 如何对齐文本 首行缩进并去除边距 格式化段落的首字母或首行 如何给列表定义样式 列表的类型 给项目符号和项目序号定位 图形项目符号 教程:文本格式化实例 创建网页 格式化标题和段落 格式化列表 利用类进行微调 点睛之笔 第7章 MARGIN、PADDING和BORDER 理解盒模型 用MARGIN和PADDING控制空间 MARGIN和PADDING的快捷属性 边距冲突 用MARGIN负值消除空格 显示行内盒子和块级盒子 添加边框 BORDER属性的快捷设定法 单独格式化各条边框 设置背景色 确定高度和宽度 计算盒子的实际宽度和高度 用OVERFLOW属性控制溢出文本 用浮动元素包围内容 BACKGROUND(背景)、BORDER(边框)和FLOAT(浮动) 停止浮动 教程:MARGIN、BACKGROUND和BORDER 如何控制网页的边距和背景 调整标签周围的空间 创建侧边栏 修复浏览器的BUG 精益求精 第8章 给网页添加图片 CSS和[IMG]标签 背景图片 控制重复 定位背景图片 关键字 精确值 PERCENTAGE(百分比)值 如果固定图片 利用BACKGROUND快捷属性 教程:美化图片 给图片添加边框 给图片添加说明 教程:创建相册 添加阴影 教程:使用背景图片 给网页背景添加图片 用图片代替边框 给无序列表使用图片 使侧边栏更有特色 精益求精 第9章 装饰网站导航 选择要定义样式的链接 理解链接状态 针对特定链接 给链接定义样式 给链接添加下划线 创建按钮 利用图片 创建导航栏 使用无序列表 垂直导航栏 水平导航栏 高级链接技术 超大的可点击按钮 CSS式的预载替换法 滑动门 给特殊的链接类型定义样式 教程:给链接定义样式 基本链接格式 给链接添加背景图片 突显不同的链接 教程:创建导航栏 添加替换效果并创建“你在此处”的链接 修正IE的BUG 从垂直到水平 第10章 表格和表单的格式化 让表格专司其职 给表格定义样式 添加PADDING 调整垂直对齐和水平对齐 创建边框 给行和列定义样式 给表单定义样式 HTML的表单元素 利用CSS布置表单 教程:给表格定义样式 教程:给表单定义样式 第3部分 CSS网页布局 第11章 CSS布局简介 网页布局的类型 如何进行CSS布局 强大的[DIV]标签 CSS布局的方法 布局策略 从内容入手 设计草图 找出方框 顺应页面流 记住背景图片 拼图中的小部件 给元素设计层次 别忘了MARGIN和PADDING 第12章 构建基于浮动的布局 用浮动进行布局 让所有列都浮动 在浮动元素中浮动 用MARGIN负值给元素定位 克服浮动问题 清除浮动和保持浮动 创建全网页高度的列 防止FLOAT DROP 处理INTERNET EXPLORER 的BUG 双边距BUG 3PX间隙 其他IE问题 教程:多列的布局 搭建HTML结构 创建布局样式 再添加一列 添加一个“FAUX列” 固定宽度 教程:负边距布局 居中布局 让列浮动 最后的调整 第13章 定位网页上的元素 定位属性的作用 设置定位值 当绝对定位变成相对时 何时(以及在何处)使用相对定位 堆叠元素 隐藏部分网页 强大的定位策略 在元素内部进行定位 让元素超出方框 用CSS定位进行网页布局 用固定定位创建CSS式的框架 教程:定位网页元素 美化网页的横幅 给照片添加说明文字 网页排版 第4部分 CSS高级技术 第14章 设计打印页面的CSS技术 MEDIA样式表的作用 如何添加MEDIA样式表 给外部样式表指定媒体类型 在样式表中指定媒体类型 创建打印样式表 用!IMPORTANT覆盖屏显样式 重写文本样式 定义打印背景 隐藏不需要的页面区域 给打印添加分页符 教程:创建打印样式表 取消不需要的网页元素 调整布局 重设文本格式 显示URL 第15章 改正CSS设计习惯 添加注释 组织样式和样式表 样式命名要清晰 使用多个类可以节省时间 将样式分组 使用多个样式表 消除浏览器的样式冲突 1 使用派生选择器 划分网页 标识主体(BODY) 管理INTERNET EXPLORER的修复代码 优先为当代浏览器设计 用条件注释隔离IE的CSS代码 第16章 CSS :最先进的CSS技术 CSS 特性概览 CSS 选择器 子选择器 类型选择器 OPACITY属性 RGBA颜色 在INTERNET EXPLORER中模拟RGBA 文本的阴影效果 字体自由 生成内容 索引
章节摘录
第1部分 CSS基础知识 第1章 对HTML的再思考 为了最有效地利用CSS,HTML代码必须提供坚实而良好的基础。本章将介绍如何编写更优秀、对CSS更友好的HTML。好消息是,如果整个网站都使用CSS,HTML实际上就更加容易编写了。你不再须要操心怎么把HTML变成前所未有的设计行家,因为CSS为你提供了所有可能需要的图形设计技巧,并且编写应用CSS的HTML网页时只需要更少的代码,你还可以少打很多字,创建起来也容易得多。它们的下载速度也会更 快一这将是最受网站访客欢迎的其中一个好处(见图1.1)。 HTML的过去与现在 如简介中所述,HTML(或XHTML)为你在万维网上见到的每一张网页奠定了基础。当你在其中加入CSS时,使用HTML的方式就改变了。告别那些仅仅用来获得某种视觉效果的笨拙的HTML标签吧。对于某些HTML标签和属性——如一甚至可以完全抛之脑后。 注意: 你在本章见到的所有HTML应用都适用于XHTML。虽然HTML和XHTML之间的差异之处多得像彩虹的颜色一般数不清,但你还是必须选择其中一种,并确保网页可以识别你正使用哪一种语言。否则,访客的浏览器很可能根本无法识别你费心雕琢出来的页面。本章稍后,你将学到如何告诉CSS自己正在使用哪一种HTML/XHTML。 HTML的过去:看起来一切都好 最初,当一群科学家创建网页来分享和保存技术文档时,没有人认为需要图形设计师。所有的科学家都只要求HTML能够为信息提供结构,便于理解即可。比如,标签表示重要的标题,而标签则表示次要的标题,它通常是的子标题。过去喜欢用的另一个标签是(有序列表),比如,对于“不要和水母一起玩耍的10大理由”这类事情就可以创建一个有序列表。
编辑推荐
Jolt大奖获奖图书全新改版 亚马逊CSS分类排名第一
图书封面
图书标签Tags
无
评论、评分、阅读与下载