使用HTML 5和CSS 3

无需加好友免费技术支持

无懈可击的Web设计

作者: 【美】Dan Cederholm出版社: 副标题：清华大学出版社： 使用HTML 5和CSS 3.提高网站的灵活性和适应性(第三版)原名: Bulletproof Web Design：Improving flexibility and protecting against worst-case scenarios with译者: 马跃出版年： 2012-5页数: 264定价: 39.00元装帧: 平装ISBN:

第一章灵活的文本111常用方法312为什么这个设计不是无可挑剔的413权衡我们选择6131长度单位6132表示相对大小关键字6133百分比7134表示绝对大小关键字714无可挑剔的方法7141关键字8142放弃像素水平815为什么这个设计是无可挑剔的916接下来的操作9161设置基准值9162使用百分比获得不同的大小1017使用关键字和百分比13171设置中间关键字基准值13172小心嵌套百分比15173百分比一致性测试1718通过em1819实现灵活9rem24211功能强大的选项卡25目录缩导航栏2321常用方法24211功能强大选项卡25目录X 无懈可击的Web设计-使用HTML 5和CSS 提高网站的灵活性和适应性(第3版)212通常的翻转效果 2622为什么这样设计不是无懈可击的 2621堆积如山的代码 26222不方便使用 2723可伸缩性问题 27224不够灵活 2723无懈可击的方法 27231无样式导航列表 29232两幅小图片 29233应用样式 30234利用浮动来解决问题 31235选项卡定型 3236对齐背景图片 32237增加底边 34238悬停变换 35239选择状态3524为什么这样的设计是无懈可击的 3625使用CSS 3渐变不使用图片来实现 3726通过eｍ来实现 4027其他示例 42271MOZILLAORG 42272斜杠 43273ESPNCOM的搜索栏 4328本章小结 45行4731常用的扩展方法 为什么4832的设计不是无懈可击的 50321不必要的图片 50322固定的行高 50323臃肿的代码 5133无懈可击的方法 51331HTML 代码结构 51目录XI332识别各部分 当52333没有添加样式时 53334添加背景 54335安排内容的位置 54336消失的背景 5537添加更多细节 56338四个圆角 文本和链接的细节 最后一步 针对IE为什么6334的设计是无懈可击的？ 代码结构与代码结构与设计效果的分离 65342不再有固定不变的高度 6535通过border-radius实现 另一个自适应扩展的例子是6636 68361HTML 代码 69362创建两张图片 69363添加 CSS 70364自动扩展 7137本章小结 72第4章常见的浮动效果7341方法 为什么7542的设计不是无懈可击的 7643无懈可击的方法 77431对HTML代码的无尽选择 77432使用定义列表 78433HTML代码结构 当79434没有添加样式时 80435外围容器添加样式 80436标识图片 81437应用基本样式 82438给图片定位 86XII 无懈可击的Web设计-使用HTML 5和CSS 3提高网站的灵活性与适应性(第3版)439反向浮动 准备任何长度的说明文本 浮动自清除 尾声 切换浮动方向 表格效果 更换背景图片 应用box-shadow 其他去除浮动元素的方法 清除生成的内容 为什么10444的设计是无懈可击的？ 10745本章小结 108第五章牢固方框10951常用方法 为什么这样的设计不是无懈可击的？ 11353无懈可击的方法 HTML 代码结构 图片策略 应用样式 为什么11754的设计是无懈可击的？ 11955通过CSS 3实现 12056其他圆角实现技术 12457框提示 单圆角 圆角提示 无可挑剔的箭头 CSS 中等限制孕育了技术创新 13758本章小结 138第六章页面缺失图片或CSS13961常常见方法仍然很容易阅读 为什么这样的设计不是无懈可击的？ 143目录XIII63无懈可击的方法 为什么14464的设计是无懈可击的？ 1465使用样式或禁止样式 14866常见的方法 14967无懈可击的方法 15068Dig Dug 测试 15269无懈可击工具 Favelet Web Developer Extension Web Accessibility 工具栏 Firebug 以验证为工具 本章小结 162第7章可转换表格 16371常见的方法 为什么这样的设计不是无懈可击的？ 16673无懈可击的方法 HTML 代码结构 应用样式 为什么17474的设计是无懈可击的？ 18675本章小结 187第动布局和弹性布局 18981常见的方法 为什么19082的设计不是无懈可击的？ 大量的代码 噩梦般的维护工作 不是最好的内容顺序 19383无懈可击的方法 HTML 代码结构 创建栏：浮动定位 应用样式 197XIV 无懈可击的Web设计-使用HTML 5和CSS 3.提高网站的灵活性和适应性(第)834gutter 栏的内边距 设置宽度的最大值和最小值 滑动人造栏 三栏布局 为什么21684的设计是无懈可击的？ 22385基于eｍ的布局 弹性布局的例子 HTML 代码 CSS 一致性是最理想的 注意滚动条 23086本章小结 231第9章构成一个整体 23391目标 为什么23492的设计是无懈可击的？ 流动的布局 灵活的文字 即使没有图片和CSS也可以使用页面 国际化 24093构建过程 HTML 代码结构 基本样式 布局结构 灵活的网格 设置max-width 页头 灵活的图片 侧边栏 CSS 3的多栏布局 媒体查询的魔力 25694本章小结 264附录D Excel快捷键 745