从0到1 HTML5+CSS3修炼之道
| 作者 |
| 丛书名 |
| 出版社 |
| 人民邮电出版社 |
| ISBN |
| 9787115525055 |
| 简要 |
| 简介 |
| 内容简介书籍计算机书籍 作者根据自己多年的前后端开发经验，站在完全零基础读者的角度，详尽介绍了HTML5和CSS3的基础知识、新技术及各种高级开发技巧。 全书分为两大部分：*部分介绍HTML5的新技术，主要包括新增元素、新增属性、元素拖放、文件操作、本地存储、音频视频、离线应用等；第二部分介绍CSS3的新技术，主要包括新增选择器、CSS3变形、CSS3过渡、CSS3动画、多列布局、滤镜效果、弹性盒子模型等。 为了方便高校老师教学，本书不但配备了所有案例的源代码，还提供了配套的PPT 课件。本书适合作为前端开发人员的参考书，也可以作为大中专院校相关专业的教学参考书。 |
| 目录 |
| 第 一部分 HTML5实战 第 1章 HTML5简介\t3 1.1 HTML、XHTML和HTML5\t3 1.1.1 HTML和XHTML\t3 1.1.2 HTML5\t4 1.2 学前准备\t7 1.3 本章练习\t8 第 2章 新增元素\t9 2.1 结构元素\t9 2.1.1 header元素\t9 2.1.2 nav元素\t12 2.1.3 article元素\t13 2.1.4 aside元素\t14 2.1.5 section元素\t14 2.1.6 footer元素\t14 2.2 表单元素\t15 2.2.1 新增input元素类型\t15 2.2.2 新增其他表单元素\t26 2.3 其他新增元素\t29 2.3.1 address元素\t29 2.3.2 time元素\t31 2.3.3 progress元素\t32 2.3.4 meter元素\t34 2.3.5 figure和figcaption元素\t34 2.3.6 fieldset和legend元素\t35 2.4 改良后的元素\t36 2.4.1 a元素\t36 2.4.2 ol元素\t37 2.4.3 small元素\t38 2.4.4 script元素\t39 2.5 本章练习\t40 第3章 新增属性\t42 3.1 公共属性\t42 3.1.1 hidden属性\t42 3.1.2 draggable属性\t43 3.1.3 contenteditable属性\t44 3.1.4 data-*属性\t45 3.2 input元素的新增属性\t47 3.2.1 autocomplete属性\t47 3.2.2 autofocus属性\t48 3.2.3 placeholder属性\t49 3.2.4 required属性\t50 3.2.5 pattern属性\t51 3.3 form元素的新增属性\t52 3.4 本章练习\t54 第4章 元素拖放\t56 4.1 元素拖放简介\t56 4.2 dataTransfer对象\t58 4.2.1 dataTransfer对象简介\t58 4.2.2 dataTransfer对象应用\t59 4.3 本章练习\t62 第5章 文件操作\t63 5.1 文件操作简介\t63 5.2 File对象\t68 5.3 FileReader对象\t70 5.4 Blob对象\t77 5.5 本章练习\t81 第6章 本地存储\t83 6.1 本地存储简介\t83 6.2 localStorage\t84 6.3 sessionStorage\t88 6.4 indexedDB\t90 6.4.1 操作“数据库”\t91 6.4.2 操作“对象仓库”\t94 6.4.3 增删查改\t97 6.5 实战题：计数器\t107 6.6 本章练习\t108 第7章 音频视频\t109 7.1 视频音频简介\t109 7.1.1 Flash时代的逝去\t109 7.1.2 HTML5时代的来临\t110 7.2 开发视频\t110 7.2.1 video元素\t110 7.2.2 视频格式\t112 7.2.3 自定义视频\t113 7.3 开发音频\t122 7.3.1 audio元素\t122 7.3.2 音频格式\t123 7.3.3 自定义音频\t124 7.4 本章练习\t125 第8章 离线应用\t126 8.1 搭建服务器环境\t126 8.2 离线存储\t128 8.3 更新缓存\t131 8.4 本章练习\t132 第9章 多线程处理\t133 9.1 Web Worker简介\t133 9.2 Web Worker应用\t135 9.3 实战题：后台计算\t137 9.4 本章练习\t138 第 10章 地理位置\t139 10.1 地理位置简介\t139 10.1.1 getCurrentPosition()方法\t139 10.1.2 watchPosition()方法\t143 10.1.3 clearWatch()方法\t145 10.2 百度地图\t147 10.2.1 API简介\t147 10.2.2 API应用\t151 10.3 本章练习\t152 第 11章 桌面通知\t153 11.1 Notification API简介\t153 11.2 Notification API应用\t155 11.3 本章练习\t157 第 12章 Canvas\t158 12.1 Canvas是什么\t158 12.1.1 Canvas简介\t158 12.1.2 Canvas与SVG\t160 12.2 Canvas元素\t160 12.2.1 Canvas元素\t161 12.2.2 Canvas对象\t162 12.3 直线\t164 12.3.1 Canvas坐标系\t164 12.3.2 直线的绘制\t165 12.4 矩形\t170 12.4.1 描边矩形\t170 12.4.2 填充矩形\t173 12.4.3 rect()方法\t176 12.4.4 清空矩形\t178 12.5 多边形\t180 12.5.1 Canvas绘制箭头\t181 12.5.2 Canvas绘制正多边形\t182 12.5.3 Canvas绘制五角星\t184 12.6 实战题：绘制调色板\t186 12.7 本章练习\t188 第二部分 CSS3实战 第 13章 CSS3简介\t191 13.1 CSS3简介\t191 13.2 浏览器私有前缀\t192 13.3 一个酷炫的CSS3效果\t194 13.4 本章练习\t197 第 14章 新增选择器\t198 14.1 CSS3选择器简介\t198 14.2 属性选择器\t199 14.3 子元素伪类选择器\t201 14.3.1 :first-child、:last-child、:nth-child(n)、:only-child\t201 14.3.2 :first-of-type、:last-of-type、:nth-of-type(n)、:only-of-type\t204 14.4 UI伪类选择器\t205 14.4.1 :focus\t205 14.4.2 ::selection\t206 14.4.3 :checked\t209 14.4.4 :enabled和:disabled\t210 14.4.5 :read-write和:read-only\t211 14.5 其他伪类选择器\t212 14.5.1 :root\t212 14.5.2 :empty\t213 14.5.3 :target\t214 14.5.4 :not()\t217 14.6 本章练习\t218 第 15章 文本样式\t220 15.1 文本样式简介\t220 15.2 文本阴影：text-shadow\t220 15.2.1 W3C坐标系\t220 15.2.2 text-shadow属性简介\t221 15.2.3 定义多个阴影\t224 15.3 文本描边：text-stroke\t224 15.4 文本溢出：text-overflow\t226 15.5 强制换行：word-wrap、 word-break\t228 15.6 嵌入字体：@font-face\t230 15.7 实战题：火焰字\t232 15.8 本章练习\t233 第 16章 颜色样式\t234 16.1 颜色样式简介\t234 16.2 opacity透明度\t234 16.3 RGBA颜色\t235 16.4 CSS3渐变\t239 16.4.1 线性渐变\t240 16.4.2 径向渐变\t242 16.5 实战题：渐变按钮\t248 16.6 实战题：鸡蛋圆\t249 16.7 本章练习\t250 第 17章 边框样式\t251 17.1 边框样式简介\t251 17.2 圆角效果：border-radius\t251 17.2.1 border-radius实现圆角\t252 17.2.2 border-radius实现半圆和圆\t256 17.2.3 border-radius实现椭圆\t258 17.2.4 border-radius的派生子属性\t260 17.3 边框阴影：box-shadow\t260 17.3.1 box-shadow属性简介\t260 17.3.2 4个方向阴影独立样式\t265 17.4 多色边框：border-colors\t266 17.5 边框背景：border-image\t269 17.5.1 border-image属性简介\t269 17.5.2 border-image的派生子属性\t272 17.6 实战题：3D卡通头像\t273 17.7 本章练习\t276 第 18章 背景样式\t279 18.1 背景样式简介\t279 18.2 背景大小：background-size\t279 18.3 背景位置：background-origin\t282 18.4 背景剪切：background-clip\t285 18.5 多背景图片\t288 18.6 本章练习\t290 第 19章 CSS3变形\t291 19.1 CSS3变形简介\t291 19.2 平移：translate()\t292 19.3 缩放：scale()\t296 19.4 倾斜：skew()\t300 19.5 旋转：rotate()\t304 19.6 中心原点：transform-origin\t305 19.7 实战题：个性照片墙\t307 19.8 本章练习\t309 第 20章 CSS3过渡\t310 20.1 CSS3过渡简介\t310 20.2 过渡属性：transition-property\t312 20.3 过渡时间：transition-duration\t313 20.4 过渡方式：transition- timing-function\t315 20.5 延迟时间：transition-delay\t317 20.6 深入了解transition属性\t318 20.6.1 transition-property取值为all\t318 20.6.2 transition-delay的省略\t320 20.6.3 transition属性的位置\t320 20.7 实战题：鼠标指针移上去显示内容\t321 20.8 实战题：图片文字介绍滑动效果\t323 20.9 实战题：白光闪过效果\t326 20.10 实战题：脉动效果\t327 20.11 实战题：手风琴效果\t328 20.12 本章练习\t330 第 21章 CSS3动画\t331 21.1 CSS3动画简介\t331 21.2 @keyframes\t333 21.3 动画名称：animation-name\t335 21.4 持续时间：animation-duration\t338 21.5 动画方式：animation- timing-function\t340 21.6 延迟时间：animation-delay\t342 21.7 播放次数：animation- iteration-count\t343 21.8 播放方向：animation-direction\t345 21.9 播放状态：animation-play-state\t347 21.10 实战题：脉冲动画\t348 21.11 实战题：loading效果\t350 21.12 本章练习\t352 第 22章 多列布局\t353 22.1 多列布局\t353 22.2 列数：column-count\t354 22.3 列宽：column-width\t356 22.4 间距：column-gap\t358 22.5 边框：column-rule\t360 22.6 跨列：column-span\t362 22.7 实战题：瀑布流布局\t364 22.8 本章练习\t366 第 23章 滤镜效果\t367 23.1 滤镜效果简介\t367 23.2 亮度：brightness()\t368 23.3 灰度：grayscale()\t369 23.4 复古：sepia()\t370 23.5 反色：invert()\t371 23.6 旋转：hue-rotate()\t372 23.7 阴影：drop-shadow()\t373 23.8 透明度：opacity()\t374 23.9 模糊度：blur()\t375 23.10 对比度：contrast()\t376 23.11 饱和度：saturate()\t377 23.12 多种滤镜\t378 23.13 实战题：鬼屋\t379 23.14 本章练习\t381 第 24章 弹性盒子模型\t382 24.1 弹性盒子模型简介\t382 24.2 放大比例：flex-grow\t385 24.3 缩小比例：flex-shrink\t387 24.4 元素宽度：flex-basis\t389 24.5 复合属性：flex\t391 24.6 排列方向：flex-direction\t392 24.7 多行显示：flex-wrap\t394 24.8 复合属性：flex-flow\t396 24.9 排列顺序：order\t397 24.10 水平对齐：justify-content\t399 24.11 垂直对齐：align-items\t401 24.12 实战题：水平居中和垂直居中\t404 24.13 实战题：伸缩菜单\t405 24.14 本章练习\t407 第 25章 其他样式\t408 25.1 outline属性\t408 25.2 initial取值\t409 25.3 calc()函数\t410 25.4 overflow-x和overflow-y\t413 25.5 pointer-events属性\t417 25.6 本章练习\t418 附录A HTML5新增元素\t420 附录B HTML5新增属性\t422 附录C CSS3新增选择器\t423 附录D CSS3新增属性\t425 |
有问题微信扫码联系