HTML 5与CSS 3权威指南

HTML 5与CSS 3权威指南

暂无评价综合评分的显示会考虑用户真实性等多项因素,每部作品出现综合评分的时间不定。
6.4166 评价豆瓣读书
春暖花开季 恰是读书时满500减300、满200减120、满100减60活动详情

作品简介

如果你是一位有前瞻性的web前端工作者,那么你一定会从本书中受益,因为它就是专门为你打造的。

《HTML 5与CSS 3权威指南》内容系统而全面,详尽地讲解了html 5和css 3的所有新功能和新特性;技术新颖,所有知识点都紧跟html 5与css 3的最新发展动态(html 5和css 3仍在不断完善之中);实战性强(包含246个示例页面),不仅每个知识点都配有精心设计的小案例(便于动手实践),而且还有两个综合性的案例(体现用 html 5与css 3开发web应用的思维和方法)。本书不仅能满足你全面而系统地学习理论知识的需求,还能满足你需要充分实践的需求。

《HTML 5与CSS 3权威指南》共分为三大部分,第一部分详尽地讲解了html 5的相关知识,包括各主流浏览器对html 5的支持情况、html 5与html 4在语法上的区别、html 5的结构元素、表单与文件、图形绘制、多媒体播放、本地存储、离线应用、通信api、web workers、地理位置信息获取等内容;第二部分详细地阐述了css 3的相关知识,涵盖选择器、文字与字体的相关样式、颜色的相关样式、盒的相关样式、背景与边框的相关样式、布局的相关样式、ui的相关样式、media queries的相关样式、变形处理、多媒体和动画等内容。第三部分以迭代的方式逐步展现了两个完整的案例,旨在帮助读者将理论知识贯穿于实践中,迅速成为新一代web开发技术中的弄潮儿。

无论你是未入门或刚入门的前端新人,还是有多年工作经验的资深前端工程师,这本书都会很适合你。

陆凌牛,资深Web开发工程师、软件开发工程师和系统设计师。从事Web开发多年,对各种Web开发技术(包括前端和后端)都有非常深入的研究,经验极其丰富。HTML 5和CSS 3等新技术的先驱者和布道者,不仅对HTML 5与CSS 3的理论知识有比较深入的认识,而且已经大量在实践中付诸应用。此外,他还擅长微软与Java的相关技术,在C#、VB.NET、ASP.NET、SQL Server 、Oracle、Java、Struts、Spring、Hibernate等方面也积累大量的实战经验。

作品目录

  1. 前言
  2. 本书面向的读者
  3. 如何阅读本书
  4. 致谢
  5. 第1章 Web时代的变迁
  6. 1.1 迎接新的Web时代
  7. 1.1.1 HTML 5时代即将来临
  8. 1.1.2 HTML 5的目标
  9. 1.2 HTML 5会深受欢迎的理由
  10. 1.2.1 世界知名浏览器厂商对HTML 5的支持
  11. 1.2.2 第一个理由:时代的要求
  12. 1.2.3 第二个理由:Internet Explorer 8
  13. 1.3 可以放心使用HTML 5的三个理由
  14. 1.4 HTML 5要解决的三个问题
  15. 第2章 HTML 5与HTML 4的区别
  16. 2.1 语法的改变
  17. 2.1.1 HTML 5的语法变化
  18. 2.1.2 HTML 5中的标记方法
  19. 2.1.3 HTML 5确保了与之前HTML版本的兼容性
  20. 2.1.4 标记示例
  21. 2.2 新增的元素和废除的元素
  22. 2.2.1 新增的结构元素
  23. 2.2.2 新增的其他元素
  24. 2.2.3 新增的input元素的类型
  25. 2.2.4 废除的元素
  26. 2.3 新增的属性和废除的属性
  27. 2.3.1 新增的属性
  28. 2.3.2 废除的属性
  29. 2.4 全局属性
  30. 2.4.1 contentEditable属性
  31. 2.4.2 designMode属性
  32. 2.4.3 hidden属性
  33. 2.4.4 spellcheck属性
  34. 2.4.5 tabindex属性
  35. 第3章 HTML 5的结构
  36. 3.1 新增的主体结构元素
  37. 3.1.1 article元素
  38. 3.1.2 section元素
  39. 3.1.3 nav元素
  40. 3.1.4 aside元素
  41. 3.1.5 time元素与微格式
  42. 3.1.6 pubdate属性
  43. 3.2 新增的非主体结构元素
  44. 3.2.1 header元素
  45. 3.2.2 hgroup元素
  46. 3.2.3 footer元素
  47. 3.2.4 address元素
  48. 3.3 HTML 5结构
  49. 3.3.1 大纲
  50. 3.3.2 对新的结构元素使用样式
  51. 3.3.3 article元素的样式
  52. 第4章 表单与文件
  53. 4.1 新增元素与属性
  54. 4.1.1 新增属性
  55. 4.1.2 大幅度地增加与改良了input元素的种类
  56. 4.1.3 对新的表单元素使用样式
  57. 4.1.4 output元素的追加
  58. 4.2 表单验证
  59. 4.2.1 自动验证
  60. 4.2.2 显式验证
  61. 4.2.3 取消验证
  62. 4.2.4 自定义错误信息
  63. 4.3 增强的页面元素
  64. 4.3.1 新增的figure元素与figcaption元素
  65. 4.3.2 新增的details元素
  66. 4.3.3 新增的mark元素
  67. 4.3.4 新增的progress元素
  68. 4.3.5 新增的meter元素
  69. 4.3.6 新增的menu元素与command元素
  70. 4.3.7 改良的ol列表
  71. 4.3.8 改良的dl列表
  72. 4.3.9 加以严格限制的cite元素
  73. 4.3.10 重新定义的small元素
  74. 4.4 文件API
  75. 4.4.1 FileList对象与file对象
  76. 4.4.2 Blob对象
  77. 4.4.3 FileReader接口
  78. 4.5 拖放API
  79. 4.5.1 实现拖放的步骤
  80. 4.5.2 DataTransfer对象的属性与方法
  81. 4.5.3 设定拖放时的视觉效果
  82. 4.5.4 自定义拖放图标
  83. 第5章 绘制图形
  84. 5.1 canvas元素的基础知识
  85. 5.1.1 在页面中放置canvas元素
  86. 5.1.2 绘制矩形
  87. 5.2 使用路径
  88. 5.2.1 绘制圆形
  89. 5.2.2 如果没有关闭路径会怎么样
  90. 5.2.3 moveTo与lineTo
  91. 5.2.4 使用bezierCurveTo绘制贝济埃曲线
  92. 5.3 绘制渐变图形
  93. 5.3.1 绘制线性渐变
  94. 5.3.2 绘制径向渐变
  95. 5.4 绘制变形图形
  96. 5.4.1 坐标变换
  97. 5.4.2 坐标变换与路径的结合使用
  98. 5.4.3 矩阵变换
  99. 5.5 图形组合
  100. 5.6 给图形绘制阴影
  101. 5.7 使用图像
  102. 5.7.1 绘制图像
  103. 5.7.2 图像平铺
  104. 5.7.3 图像裁剪
  105. 5.7.4 像素处理
  106. 5.8 绘制文字
  107. 5.9 补充知识
  108. 5.9.1 保存与恢复状态
  109. 5.9.2 保存文件
  110. 5.9.3 简单动画的制作
  111. 第6章 多媒体播放
  112. 6.1 video元素与audio元素的基础知识
  113. 6.1.1 HTML 4页面中播放视频或音频的方法
  114. 6.1.2 HTML 5页面中播放视频或音频的方法
  115. 6.2 属性
  116. 6.3 方法
  117. 6.4 事件
  118. 6.4.1 事件处理方式
  119. 6.4.2 事件介绍
  120. 6.4.3 事件捕捉示例
  121. 第7章 本地存储
  122. 7.1 Web Storage
  123. 7.1.1 Web Storage是什么
  124. 7.1.2 简单Web留言本
  125. 7.1.3 作为简易数据库来利用
  126. 7.2 本地数据库
  127. 7.2.1 本地数据库的基本概念
  128. 7.2.2 用executeSql来执行查询
  129. 7.2.3 使用数据库实现Web留言本
  130. 7.2.4 transaction方法中的处理
  131. 第8章 离线应用程序
  132. 8.1 离线Web应用程序详解
  133. 8.1.1 新增的本地缓存
  134. 8.1.2 本地缓存与浏览器网页缓存的区别
  135. 8.2 manifest文件
  136. 8.3 浏览器与服务器的交互过程
  137. 8.4 applicationCache对象
  138. 8.4.1 swapCache方法
  139. 8.4.2 applicationCache对象的事件
  140. 第9章 通信API
  141. 9.1 跨文档消息传输
  142. 9.1.1 跨文档消息传输的基本知识
  143. 9.1.2 跨文档消息传输示例
  144. 9.2 Web Sockets通信
  145. 9.2.1 Web Sockets通信的基本知识
  146. 9.2.2 使用Web Sockets API
  147. 9.2.3 Web Sockets API使用示例
  148. 9.2.4 发送对象
  149. 第10章 使用Web Workers处理线程
  150. 10.1 基础知识
  151. 10.2 与线程进行数据的交互
  152. 10.3 线程嵌套
  153. 10.3.1 单层嵌套
  154. 10.3.2 在多个子线程中进行数据的交互
  155. 10.4 线程中可用的变量、函数与类
  156. 第11章 获取地理位置信息
  157. 11.1 Geolocation API的基本知识
  158. 11.1.1 取得当前地理位置
  159. 11.1.2 持续监视当前地理位置的信息
  160. 11.1.3 停止获取当前用户的地理位置信息
  161. 11.2 position对象
  162. 11.3 在页面上使用google地图
  163. 第12章 CSS 3概述
  164. 12.1 概要介绍
  165. 12.1.1 CSS 3是什么
  166. 12.1.2 CSS 3的历史
  167. 12.2 使用CSS 3能做什么
  168. 12.2.1 模块与模块化结构
  169. 12.2.2 一个简单的CSS 3示例
  170. 第13章 选择器
  171. 13.1 选择器概述
  172. 13.2 属性选择器
  173. 13.2.1 属性选择器是什么
  174. 13.2.2 CSS 3中的属性选择器
  175. 13.2.3 灵活运用属性选择器
  176. 13.3 结构性伪类选择器
  177. 13.3.1 CSS中的伪类选择器及伪元素
  178. 13.3.2 选择器root、not、empty和target
  179. 13.3.3 选择器:first-child、last-child、nth-child和nth-last-child
  180. 13.3.4 选择器:nth-of-type和nth-last-of-type
  181. 13.3.5 循环使用样式
  182. 13.3.6 only-child选择器
  183. 13.4 UI元素状态伪类选择器
  184. 13.4.1 选择器:E:hover、E:active和E:focus
  185. 13.4.2 E:enabled伪类选择器与E:disabled伪类选择器
  186. 13.4.3 E:read-only伪类选择器与E:read-write伪类选择器
  187. 13.4.4 伪类选择器:E:checked、E:default和E:indeterminate
  188. 13.4.5 E:selection伪类选择器
  189. 13.5 通用兄弟元素选择器
  190. 第14章 使用选择器在页面中插入内容
  191. 14.1 使用选择器来插入文字
  192. 14.1.1 使用选择器来插入内容
  193. 14.1.2 指定个别元素不进行插入
  194. 14.2 插入图像文件
  195. 14.2.1 在标题前插入图像文件
  196. 14.2.2 插入图像文件的好处
  197. 14.2.3 将alt属性的值作为图像的标题来显示
  198. 14.3 使用content属性来插入项目编号
  199. 14.3.1 在多个标题前加上连续编号
  200. 14.3.2 在项目编号中追加文字
  201. 14.3.3 指定编号的样式
  202. 14.3.4 指定编号的种类
  203. 14.3.5 编号嵌套
  204. 14.3.6 中编号中嵌入大编号
  205. 14.3.7 在字符串两边添加嵌套文字符号
  206. 第15章 文字与字体相关样式
  207. 15.1 给文字添加阴影—text-shadow属性
  208. 15.1.1 text-shadow属性的使用方法
  209. 15.1.2 位移距离
  210. 15.1.3 阴影的模糊半径
  211. 15.1.4 阴影的颜色
  212. 15.1.5 指定多个阴影
  213. 15.2 让文本自动换行—word-break属性
  214. 15.2.1 依靠浏览器让文本自动换行
  215. 15.2.2 指定自动换行的处理方法
  216. 15.3 让长单词与URL地址自动换行—word-wrap属性
  217. 15.4 使用服务器端字体—Web Font与@font-face属性
  218. 15.4.1 在网页上显示服务器端字体
  219. 15.4.2 定义斜体或粗体字体
  220. 15.4.3 显示客户端本地的字体
  221. 15.4.4 属性值的指定
  222. 15.5 修改字体种类而保持字体尺寸不变—font-size-adjust属性
  223. 15.5.1 字体不同导致文字大小的不同
  224. 15.5.2 font-size-adjust属性的使用方法
  225. 15.5.3 浏览器对于aspect值的计算方法
  226. 15.5.4 font-size-adjust属性的使用示例
  227. 第16章 盒相关样式
  228. 16.1 盒的类型
  229. 16.1.1 盒的基本类型
  230. 16.1.2 inline-block类型
  231. 16.1.3 inline-table类型
  232. 16.1.4 list-item类型
  233. 16.1.5 run-in类型与compact类型
  234. 16.1.6 表格相关类型
  235. 16.1.7 none类型
  236. 16.1.8 各种浏览器对于各种盒类型的支持情况
  237. 16.2 对于盒中容纳不下的内容的显示
  238. 16.2.1 overflow属性
  239. 16.2.2 overflow-x属性与overflow-y属性
  240. 16.2.3 text-overflow属性
  241. 16.3 对盒使用阴影
  242. 16.3.1 box-shadow属性的使用方法
  243. 16.3.2 将参数设定为0
  244. 16.3.3 对盒内子元素使用阴影
  245. 16.3.4 对第一个文字或第一行使用阴影
  246. 16.3.5 对表格及单元格使用阴影
  247. 16.4 指定针对元素的宽度与高度的计算方法
  248. 16.4.1 box-sizing属性
  249. 16.4.2 为什么要使用box-sizing属性
  250. 第17章 与背景和边框相关样式
  251. 17.1 与背景相关的新增属性
  252. 17.1.1 指定背景的显示范围—background-clip属性
  253. 17.1.2 指定绘制背景图像的绘制起点—background-origin属性
  254. 17.1.3 指定背景图像的尺寸—background-size属性
  255. 17.1.4 指定内联元素背景图像进行平铺时的循环方式—background-break属性
  256. 17.2 在一个元素中显示多个背景图像
  257. 17.3 圆角边框的绘制
  258. 17.3.1 border-radius属性
  259. 17.3.2 在border-radius属性中指定两个半径
  260. 17.3.3 不显示边框的时候
  261. 17.3.4 修改边框种类的时候
  262. 17.3.5 绘制四个角不同半径的圆角边框
  263. 17.4 使用图像边框
  264. 17.4.1 border-image属性
  265. 17.4.2 border-image属性最简单的使用方法
  266. 17.4.3 使用border-image属性来指定边框宽度
  267. 17.4.4 中央图像的自动拉伸
  268. 17.4.5 指定四条边中图像的显示方法
  269. 17.4.6 使用背景图像
  270. 第18章 CSS 3中的变形处理
  271. 18.1 transform功能的基础知识
  272. 18.1.1 如何使用transform功能
  273. 18.1.2 transform功能的分类
  274. 18.2 对一个元素使用多种变形的方法
  275. 18.2.1 两个变形示例
  276. 18.2.2 指定变形的基准点
  277. 第19章 CSS 3中的动画功能
  278. 19.1 Transitions功能
  279. 19.1.1 Transitions功能的使用方法
  280. 19.1.2 使用Transitions功能同时平滑过渡多个属性值
  281. 19.2 Animations功能
  282. 19.2.1 Animations功能的使用方法
  283. 19.2.2 实现多个属性值同时改变的动画
  284. 19.2.3 实现动画的方法
  285. 19.2.4 实现网页的淡入效果
  286. 第20章 布局相关样式
  287. 20.1 多栏布局
  288. 20.1.1 使用float属性或position属性的缺点
  289. 20.1.2 使用多栏布局方式
  290. 20.2 盒布局
  291. 20.2.1 盒布局的基础知识
  292. 20.2.2 弹性盒布局
  293. 第21章 Media Queries相关样式
  294. 21.1 根据浏览器的窗口大小来选择使用不同的样式
  295. 21.2 在iPhone中的显示
  296. 21.3 Media Queries的使用方法
  297. 第22章 CSS 3的其他重要样式和属性
  298. 22.1 颜色相关样式
  299. 22.1.1 利用alpha通道来设定颜色
  300. 22.1.2 alpha通道与opacity属性的区别
  301. 22.1.3 指定颜色值为transparent
  302. 22.2 用户界面相关样式
  303. 22.2.1 轮廓相关样式
  304. 22.2.2 resize属性
  305. 22.3 取消对元素的样式指定—initial属性值
  306. 22.3.1 取消对元素的样式指定
  307. 22.3.2 使用initial属性值并不等于取消样式设定的特例
  308. 第23章 综合实例
  309. 23.1 实例1:使用HTML 5中新增结构元素来构建网页
  310. 23.1.1 组织网页结构
  311. 23.1.2 header元素中的内容
  312. 23.1.3 aside元素中的内容
  313. 23.1.4 section元素中的内容
  314. 23.1.5 footer元素中的内容
  315. 23.2 实例2:使用HTML 5+CSS 3来构建Web应用程序
  316. 23.2.1 HTML 5页面代码分析
  317. 23.2.2 CSS 3样式代码分析
  318. 23.2.3 JavaScript脚本代码分析
载入中

大家都喜欢