HTML5+CSS3王者归来--聚文网

精选

¥5.83

世界图书名著昆虫记绿野仙踪木偶奇遇记儿童书籍彩图注音版

¥5.39

正版世界名著文学小说名家名译中学生课外阅读书籍图书批发 70册

¥8.58

简笔画10000例加厚版2-6岁幼儿童涂色本涂鸦本绘画本填色书正版

¥5.83

世界文学名著全49册中小学生青少年课外书籍文学小说批发正版

¥4.95

全优冲刺100分测试卷一二三四五六年级上下册语文数学英语模拟卷

¥8.69

父与子彩图注音完整版小学生图书批发儿童课外阅读书籍正版1册

¥24.2

好玩的洞洞拉拉书0-3岁宝宝早教益智游戏书机关立体翻翻书4册

¥7.15

幼儿认字识字大王3000字幼儿园中班大班学前班宝宝早教启蒙书

¥11.55

用思维导图读懂儿童心理学培养情绪管理与性格培养故事指导书

¥19.8

少年读漫画鬼谷子全6册在漫画中学国学小学生课外阅读书籍正版

¥64

科学真好玩

¥12.7

一年级下4册·读读童谣和儿歌

¥38.4

原生态新生代(传统木版年画的当代传承国际研讨会论文集)

¥11.14

法国经典中篇小说

¥11.32

上海的狐步舞--穆时英(中国现代文学馆馆藏初版本经典)

¥21.56

猫的摇篮(精)

¥30.72

幼儿园特色课程实施方案/幼儿园生命成长启蒙教育课程丛书

旧时风物(精)

三希堂三帖/墨林珍赏

寒山子庞居士诗帖/墨林珍赏

苕溪帖/墨林珍赏

楷书王维诗卷/墨林珍赏

兰亭序/墨林珍赏

祭侄文稿/墨林珍赏

蜀素帖/墨林珍赏

真草千字文/墨林珍赏

进宴仪轨(精)/中国古代舞乐域外图书

舞蹈音乐的基础理论与应用

编辑推荐

HTML、CSS、JavaScript算编程语言吗？应该说是算的。曾经，HTML、CSS、JavaScript是每一个网页前端程序员的基本素质，而现在，这三者似乎已经成为了互联网设计师的标配技能。所以，对编程基础比较差的人（比如设计师），找到一本真正适合入门的书事关重大！洪老师这本书，首先用全彩印刷奠定了与真实开发场景一模一样的阅读体验，所有代码均为编辑器截图，各种标记、颜色、加粗等细节一目了然，在此基础上所有程序语法按照特性分类，同时以实用的程序范例进行解说，让读者可以事半功倍地轻松掌握相关知识。

内容简介

这是一本用来修炼网页编程基本功的图书，本书并不是从讲解酷炫功能入手，而是一步一步将HTML5元素与CSS3属性依功能分类，详细地用程序实例进行解析，期望读者以最轻松的方式学会网页设计的基础知识。本书分成三篇：第一篇：HTML5完整学习（这一篇是学习网页设计的基础。笔者将绝大部分HTML5的元素依功能分成10章，用了约150个程序实例与图片做出说明，相信读者可以由此建立HTML的扎实基础）；第二篇：CSS3完整学习（本篇学习网页的编辑与美化。笔者将绝大部分CSS3的属性依功能分成14章，用了约240个程序实例与图片做说明，在此读者可以学会网页编辑与美化的基础方法与技巧）；第三篇：迈向网页设计高手之路（在这一篇中最基础的知识是JavaScript，当读者学会之后，可以继续阅读网页结构BOM与 DOM。后面章节读者可以挑选有兴趣的主题阅读；如果对动画有兴趣可以阅读Canvas；如果对设计汽车导航与地图定位有兴趣可以阅读第31章；如果希望学习设计移动端网页可以参考第32章。在最后一章，本书将以实例说明网页转成APP应用程序的方法，未来各位读者可以随时将用HTML+CSS+JavaScript开发的网页转成APP。在这一篇笔者用了约210个程序实例与图片做解说，这将对读者学习高级的网页设计有很大的帮助。为了提升这本网页编程图书的阅读体验，本书从策划阶段就决心彩色印刷，因此，在图书结构上、案例选择上以及代码样式上都进行了细心设计，力争呈现给读者一本与众不同的网页编程书。

作者简介

洪锦魁，中国台湾省计算机专家，IT作家。
◆DOS时代代表作：汇编语言、C、C++、Pascal、数据结构。
◆Windows时代代表作：Windows编程、Programming、VistJal Basic。
◆Internet时代代表作：网页设计、HTML、JavaScript。
◆大数据时代代表作：R语言。
其作品版权被输出到中国大陆（简体中文）、马来西亚（马来文）、美国（英文）。
近年来作品：
◆Java王者归来
◆Python王者归来
◆HTML5+CSS3王者归来
◆R语言迈向大数据之路
其著作特色：
所有程序语法会依特性分类，同时以实用的程序范例进行解说，让读者可以事半功倍地轻松掌握相关知识。

第一篇 HTML5完整学习第1章 HTML5 的历史 1-1 认识HTML3 1-2 蒂姆·伯纳斯 -李 (Tim Berners Lee)3 1-3 HTML历史上的3个重要协会4 1-4 HTML的发展史5 1-5 HTML开发中的插曲XHTML6 1-6 HTML与浏览器的兼容问题6 第2章 HTML5 从零开始 2-1 HTML5与HTML 4.018 2-2 HTML文件结构8 2-2-1 大小写皆可8 2-2-2 文件声明doctype8 2-2-3 … 8 2-2-4 … 9 2-2-5 … 9 2-3 认识HTML基本元素9 2-4 HTML标记类型10 2-5 我的第一个HTML文件10 2-5-1 编辑我的第一个HTML文件10 2-5-2 执行我的第一个HTML文件11 2-5-3 Notepad++11 2-6 解析我的第一个HTML文件12 2-6-1 元素12 2-6-2 元素13 2-6-3 文件主体13 2-7 HTML文件的批注14 习题14 第3章 HTML文件输出的基本知识 3-1 浏览器处理数据的输出16 3-2 标题输出<hn>元素16 3-3 换行输出<br>元素17 3-4 保持原始文件样式<pre> 元素17 3-5 水平线<hr>元素18 3-6 段落<br/><br/>元素18 3-7 文件某个区域<section> 元素19 3-8 页首<header>元素19 3-9 页尾<footer> 元素20 3-10 粗体显示<b>和<strong>元素20 3-11 斜体<em>和<i>元素21 3-12 引用<cite>、<q>和 ?<blockquote>元素21 3-13 加上底纹<mark> 元素22 3-14 小型字<small> 元素22 3-15 显示与计算机有关联的文字<kbd>、 ?<samp>、<var> ?和<code>元素22 3-16 定义缩写<abbr>元素23 3-17 定义用语<dfn>元素23 3-18 内容新增与删除<ins> ?和<del>元素24 3-19 隔离双向文字走向<bdi> 元素24 3-20 指定文字走向<bdo dir= ?"direction"> … </bdo>25 3-21 标示注音或拼音<ruby>、 ?<rt>和<rp>元素25 3-22 上标<sup>和下标 ?<sub>元素26 3-23 输出特殊字符26 3-24 HTML的树状结构27 3-25 HTML5不再支持的元素与 ?属性设定28 习题29 第4章设计含超链接的网页 4-1 <a> … </a>的基本应用31 4-2 浏览脉络的设定31 4-3 从一个文件跳到另一个文件32 4-3-1 超链接的HTML文件在同一个文件夹32 4-3-2 超链接的文件在子文件夹34 4-3-3 超链接的文件在父文件夹34 4-3-4 绝对路径35 4-4 同一个HTML文件中的超链接35 4-5 设定联络信息<address>元素36 4-6 链接到电子邮件信箱37 4-7 引用短文的实例<cite>元素与超链接的应用38 4-8 指定基准的URL38 习题39 第5章制作项目列表 5-1 点符列表41 5-2 有编号的项目列表41 5-3 设定有编号项目列表的起始编号42 5-4 更改项目列表的连续编号43 5-5 更改项目列表的编号种类43 5-6 项目列表编号递减的应用44 5-7 自定义清单45 习题45 第6章设计表格 6-1 表格的基本元素47 6-2 表格框线的border属性47 6-3 建立表头<thead>和<th>元素48 6-4 建立表格本体<tbody>元素48 6-5 建立表尾<tfoot>元素49 6-6 合并横向单元格colspan属性49 6-7 合并纵向单元格rowspan属性50 6-8 表格的标题<caption>元素51 6-9 单元格的群组化<colgroup> 和<col>元素51 6-10 表格与超链接的混合应用52 习题53 第7章嵌入图片 7-1 嵌入图片元素55 7-2 标示文件标题<figure>和 <figcaption>元素56 7-3 制作响应图56 7-3-1 建立地图56 7-3-2 响应图<map>57 7-3-3 定义响应图的链接区域<area>57 7-4 在表格内嵌入图片58 7-5 设计图片的超链接59 7-6 将图片作为项目符号60 7-7 简易编排嵌入图片与文字61 7-8 GIF动画62 习题63 第8章设计多媒体网页 8-1 播放影片<video>元素65 8-2 播放声音<audio>元素68 8-3 指定多个播放文件<source>元素70 8-4 为影片加入字幕功能<track>元素72 8-4-1 认识与建立WebVTT文件73 8-4-2 HTML5 Video Caption Maker74 8-4-3 为影片加字幕的实例75 8-5 嵌入资源文件<embed>元素77 8-6 嵌入对象<object>元素78 8-7 设定嵌入对象的参数<param> 元素79 8-8 建立嵌入的浮动框架<iframe>元素80 习题82 第9章制作输入表单 9-1 制作输入表单<form>元素84 9-2 制作表单组件<input>元素85 9-2-1 制作提交按钮submit属性值88 9-2-2 制作重设按钮reset属性值89 9-2-3 制作单行输入的文本框 text属性值89 9-2-4 制作可输入密码的文本框 password属性值90 9-2-5 制作搜索框search属性值91 9-2-6 制作图片按钮image属性值91 9-2-7 制作输入电话号码的文本框tel 属性值92 9-2-8 制作输入电子邮件字段的文本框 email属性值92 9-2-9 制作输入URL的文本框url 属性值92 9-2-10 制作单选按钮radio属性值93 9-2-11 制作复选框checkbox属性值94 9-2-12 制作数值输入框number属性值95 9-2-13 制作指定范围的数值输入框range 属性值95 9-2-14 指定颜色color属性值96 9-2-15 制作不显示但要传送的信息hidden 属性值96 9-2-16 制作输入时间的控件time属性值97 9-2-17 制作输入日期的控件date属性值98 9-2-18 制作输入周次week属性值98 9-2-19 制作输入年份和月份month 属性值99 9-2-20 本地与世界标准时间datetime/ datetime-local属性值99 9-2-21 制作选择文件后上传的file 属性值100 9-3 建立多行输入的文字框 <textarea>元素101 9-4 为对象加上关联标记 <label>元素102 9-5 显示进度<progress>元素103 9-6 显示仪表值<meter>元素103 9-7 下拉式选单与列表框 <select>和<option>元素104 9-7-1 建立下拉式选单 104 9-7-2 建立列表框105 9-7-3 选项组化<optgroup>元素106 9-8 制作文字框的候补选项 <datalist>和<option>元素107 9-9 表单组件群组化 <fieldset>和<legend>元素108 9-10 加密密钥<keygen>元素109 习题110 第10章 HTML功能总结 10-1 全局属性112 10-2 事件属性115 10-3 认识<script>元素与一个 ?超简单的JavaScript应用117 10-4 设定一般区块元素119 10-5 设定一般范围<span>元素119 10-6 区块层级与行内层级120 10-7 网页布局121 10-7-1 <header>元素与群组化标题122 10-7-2 <nav>元素应用实例122 10-7-3 <article>元素应用实例123 10-7-4 <aside>元素应用实例123 10-8 HTML章节的概念124 10-9 日期与时间<time>元素124 习题125 第二篇 CSS3完整学习第11章 CSS3的基础知识 11-1 CSS基本语法129 11-1-1 CSS基本语法格式129 11-1-2 多个选择器使用 ?相同的声明区块129 11-1-3 CSS的批注129 11-2 CSS颜色设定130 11-2-1 1600万种颜色130 11-2-2 网络安全颜色—— 256种颜色130 11-2-3 HSL颜色131 11-3 套用CSS的方法132 11-4 class选择器133 11-5 字体133 11-5-1 设置字体名称的 ?font-family属性134 11-5-2 设置字号的font-size属性134 11-5-3 设置字体样式的font-style属性135 11-5-4 设置字体样式的 ?font-weight属性135 11-5-5 font-variant136 11-5-6 font-size-adjust136 11-5-7 font137 11-5-8 @font-face137 11-5-9 综合应用137 11-6 id选择器138 11-7 属性选择器138 11-8 全局选择器140 11-9 虚拟选择器140 11-9-1 链接的虚拟类别:link和:visited140 11-9-2 动作虚拟类别141 11-9-3 目标虚拟类别141 11-10 前缀词的使用142 习题142 第12章段落文字的编排知识 12-1 设置文字对齐方式的text-align 属性144 12-2 设置首行缩排的text-indent 属性144 12-3 设定行高的line-height属性145 12-4 设置字母间距的letter-spacing 属性146 12-5 设置文字间距的word-spacing 属性147 12-6 处理空格符的white-space属性147 12-7 大小写转换的text-transform 属性148 12-8 设置文字阴影的text-shadow 属性149 12-9 设置线条装饰的text-decoration 属性149 12-10 再谈线条装饰150 12-10-1 text-decoration-line150 12-10-2 text-decoration-color150 12-10-3 text-decoration-style151 12-11 设定制表符宽度的tab-size ? 属性151 12-12 设定换行的word-wrap属性152 12-13 设定文字超出范围的 ? text-overflow属性153 习题153 第13章将CSS应用在项目列表 13-1 建立项目列表符号的 list-style-type属性155 13-2 建立图片项目符号的 list-style-image属性156 13-3 项目符号与编号位置的 list-style-position属性156 13-4 简易表示法list-style157 习题157 第14章设计背景 14-1 透明色159 14-1-1 rgba()函数159 14-1-2 hsla()函数159 14-1-3 透明度opacity159 14-2 设置背景颜色的 background-color属性160 14-3 设置背景图像的 background-image属性161 14-4 设置背景是否重复出现的 background-repeat属性162 14-5 设置背景图片位置的 background-position属性163 14-6 设置背景图片大小的 background-size属性165 14-7 设置背景图片随内容卷动的 background-attachment属性166 14-8 背景简易表示法background167 习题168 第15章完整学习Box Model 15-1 认识Box Model170 15-2 外边距的设计170 15-2-1 <body>的外边距172 15-2-2 外边距的合并172 15-2-3 外边距应用在段落输出的实例173 15-3 内边距的设计174 15-4 边框的设计175 15-4-1 边框样式176 15-4-2 边框色彩178 15-4-3 边框宽度179 15-4-4 边框属性的简易表示法179 15-4-5 圆角边框180 15-4-6 设计图案边框181 15-5 补充背景功能background-clip和 back ground-origin属性187 15-5-1 设定背景显示范围的 background-clip属性187 15-5-2 设定背景图案的基准位置的 background-origin属性187 15-6 设定盒子阴影的box-shadow 属性188 15-7 设定盒子宽度与高度的box-sizing 属性190 15-8 内容超出范围时的显示方式190 15-9 outline属性192 15-10 设定内容盒子尺寸的resize ? 属性193 习题194 第16章将CSS应用在表格数据 16-1 表格标题196 16-2 表格底色的设计196 16-3 表格框线设计197 16-4 单元格框线的距离197 16-5 为单元格内容加上内边距198 16-6 显示或隐藏空白的单元格199 16-7 表格框线的模式201 16-8 单元格内容排版201 16-9 表格版面的排版202 16-10 综合应用202 习题204 第17章设计渐变效果 17-1 线性渐变函数 ?linear-gardient()206 17-2 放射状渐变函数 ?radial-gradient()208 17-3 重复线性渐变函数 ?repeating-linear-gradient()209 17-4 重复放射性渐变函数 ?repeating-radial-gradient()210 习题211 第18章设计多栏版面 18-1 设定栏数量与宽度的columns ?属性213 18-1-1 设定栏数量的column-count ? 属性213 18-1-2 设定栏宽度的column-width ? 属性214 18-1-3 栏数量与宽度简易 ? 表示法columns214 18-2 设定栏与栏间距的column-gap ?属性215 18-3 设定栏与栏线属性column-rule215 18-3-1 设定栏线类型的column-rule-style ?属性215 18-3-2 设定栏线颜色的column-rule-color ?属性216 18-3-3 设定栏线宽度的column-rule-width ?属性216 18-3-4 栏线属性的简易表示法column-rule217 18-4 设置跨栏显示的column-span ?属性217 18-5 设定栏高度的column-fill属性218 18-6 换栏或换页219 18-6-1 break-before219 18-6-2 break-after220 18-6-3 break-inside220 习题221 第19章定位与网页排版 19-1 设定盒子的大小223 19-2 设定盒子大小的极限223 19-3 display属性224 19-4 用于定位的position属性225 19-4-1 position属性值是relative的程序 ?实例226 19-4-2 position属性值是absolute的程序 ?实例228 19-4-3 position属性值是fixed的程序 ?实例229 19-4-4 综合应用229 19-5 设定与解除图旁串字230 19-5-1 设定图旁串字的float属性230 19-5-2 清除图旁串字的clear属性231 19-6 堆叠顺序232 19-7 显示或隐藏元素的visibility属性233 19-8 用box调整元素呈现方式的 ?object-fit属性233 19-9 设定垂直对齐的vertical-align ?属性234 习题235 第20章使用弹性容器（flexible container）排版 20-1 flex container的基本概念237 20-2 弹性容器的声明237 20-3 设定版面方向（flex-direction）238 20-4 设定弹性区块内为多行排列 ?（flex-wrap）239 20-5 直接设定排版方向和行数 ?（flex-flow）241 20-6 版面区块的排列顺序（order）241 20-7 增加版面区块对象宽度 ?（flex-grow）243 20-8 缩减版面区块对象宽度 ?（flex-shrink）243 20-9 调整前的区块对象宽度 ?（flex-basis）244 20-10 增减区块宽度的简易表示法（flex）245 20-11 设定留白的方式 ?（justify-content）246 20-12 垂直方向留白的处理 ?（align-items）247 20-13 个别版面区块留白的处理 ?(align-self)249 20-14 弹性容器有多行版面区块时留白的处理（align-content）250 20-15 综合应用252 习题252 第21章动画设计 —— 过渡效果 21-1 设定过渡效果时间的属性 ?transition-duration254 21-2 设定过渡效果的属性 ?transition-property254 21-3 设定过渡延迟时间的属性 ?transition-delay255 21-4 设计过渡速度的属性 ?transition-timing-function255 21-5 过渡效果的简易表示法 ?transition256 21-6 综合应用257 习题257 第22章设计网页动画 22-1 关键帧（@keyframes）259 22-2 运用关键帧（animation-name）259 22-3 设定动画时间 ?（animation-duration）259 22-4 设计动画变速方式 ?（animation-timing-function）260 22-5 设定动画次数 ?（animation-iteration-count）261 22-6 设定动画重复执行的方向 ?（animation-direction）262 22-7 设定动画执行或是暂停 ?（animation-play-state）263 22-8 设定动画延迟的时间 ?（animation-delay）264 22-9 设定动画延迟与完成的样式 ?（animation-fill-mode）264 22-10 动画的简易表示法animation265 习题265 第23章变形动画 23-1 2D变形效果267 23-2 2D变形的基准点271 23-3 3D变形效果271 23-4 3D变形的基准点274 23-5 设定透视图视点距离275 23-6 透视图的基准点277 23-7 巢状元素产生时子元素的处理277 23-8 是否显示背面内容278 习题279 第24章响应式（RWD）网页设计 24-1 设置鼠标指针的形状281 24-2 媒体查询281 24-2-1 媒体类型282 24-2-2 媒体特性282 24-2-3 媒体查询设计使用@media282 24-2-4 媒体查询设计使用<link>284 24-2-5 媒体查询设计使用@import285 24-3 选择器完整说明285 24-4 响应式网页设计289 24-4-1 响应式网页实例 290 24-4-2 设计响应式网页的基本原则290 24-4-3 viewport290 24-4-4 浏览画面设计291 24-4-5 导览区套用样式表292 24-4-6 文章区套用样式表293 24-4-7 侧边栏区套用样式表293 24-4-8 其他设计293 24-4-9 完整程序内容294 习题294 第三篇迈向网页设计高手之路第25章 JavaScript基础知识 25-1 JavaScript的功能297 25-2 JavaScript的输出297 25-3 撰写JavaScript代码的位置297 25-3-1 将JavaScript代码写在<head> ?元素内298 25-3-2 将JavaScript代码写在<body> ?元素内298 25-3-3 以外部文件方式撰写JavaScript ?代码299 25-3-4 存取HTML内容输出的实例299 25-3-5 document.write()输出的实例299 25-4 JavaScript基本语法300 25-5 声明变量301 25-6 数据类型302 25-6-1 数值数据302 25-6-2 字符串数据303 25-6-3 对象数据303 25-6-4 综合应用304 25-7 运算符304 25-7-1 算术运算符305 25-7-2 递增、递减运算符305 25-7-3 赋值运算符306 25-8 布尔值、比较运算与逻辑运算306 25-8-1 布尔值306 25-8-2 比较运算符307 25-8-3 逻辑运算符308 25-9 位运算符309 25-10 运算符的优先级310 习题310 第26章 JavaScript的流程控制 26-1 if 语句312 26-1-1 if 语句312 26-1-2 if … else语句312 26-1-3 if … else if … else语句313 26-1-4 判断条件可以扩展314 26-2 switch语句314 26-3 for语句316 26-4 while语句317 26-5 do … while语句317 26-6 特殊表达式318 26-7 数组array319 26-7-1 Array的方法320 26-7-2 Array的属性320 26-8 for/in语句321 26-9 综合应用322 习题322 第27章 JavaScript的函数设计 27-1 基本函数设计324 27-2 设计一个可以传递参数的函数325 27-3 函数调用同时有返回值325 27-4 全局变量与局部变量326 27-5 函数被定义在对象内327 习题328 第28章浏览器对象模型BOM 28-1 认识BOM330 28-2 window对象330 28-2-1 有趣的程序测试330 28-2-2 window对象的属性331 28-2-3 window对象的方法333 28-3 screen对象338 28-4 navigator对象338 28-5 history对象339 28-6 location对象340 习题341 第29章 HTML的文件对象模型DOM 29-1 认识DOM343 29-2 取得HTML元素344 29-2-1 getElementByID()344 29-2-2 getElementsByTagName()344 29-2-3 getElementsByClassName()345 29-2-4 querySelectorAll()和 ?querySelector()345 29-2-5 双层条件的存取功能346 29-2-6 返回串行的长度length346 29-2-7 元素上下文属性347 29-2-8 元素大小与位置348 29-2-9 更改图片大小349 29-3 更改HTML元素内容349 29-3-1 更改标题或段落的内容349 29-3-2 更改属性内容350 29-4 DOM节点和浏览元素350 29-4-1 认识相关名词351 29-4-2 存取节点值351 29-4-3 <body>和<html>节点352 29-4-4 相同父节点的兄弟节点内容353 29-4-5 存取父节点354 29-5 建立、插入、删除节点355 29-5-1 建立节点355 29-5-2 将节点插入特定位置355 29-5-3 删除节点356 29-5-4 更换节点356 29-6 DOM与CSS357 29-7 HTML的集合对象359 29-7-1 document.images359 29-7-2 document.forms360 29-7-3 document.links361 29-8 DOM 事件属性361 29-8-1 onload与onunload事件362 29-8-2 onchange事件362 29-8-3 onclick事件363 29-8-4 ondblclick事件364 29-8-5 onmouseover和onmouseout事件364 29-8-6 onmousedown和onmouseup事件364 29-8-7 在JavaScript内建立事件365 习题366 第30章 HTML Canvas绘图与动画 30-1 建立Canvas绘图环境368 30-2 绘制矩形368 30-2-1 rect()、stroke()和strokeRect()368 30-2-2 fillRect()和fillStyle()369 30-2-3 clearRect()370 30-3 绘制线条370 30-3-1 绘制直线370 30-3-2 beginPath()和closePath()371 30-3-3 lineWidth371 30-3-4 fill()372 30-3-5 lineCap372 30-3-6 lineJoin373 30-4 绘制圆形或弧线373 30-4-1 绘制圆形373 30-4-2 绘制弧线374 30-4-3 顺时针弧线或逆时针弧线375 30-4-4 实心圆的绘制376 30-4-5 arcTo()376 30-5 色彩渐变效果的处理377 30-5-1 线性渐变377 30-5-2 辐射渐变379 30-5-3 将渐变应用在矩形框线380 30-6 绘制文字382 30-6-1 font382 30-6-2 fillText()和strokeText382 30-6-3 文字输出与渐变的应用382 30-6-4 输出文字居中对齐383 30-7 绘制图像383 30-8 建立简单动画385 30-9 位移与旋转386 习题390 第31章取得用户的经纬度数据 31-1 HTML的 Geolocation392 31-2 getCurrentPosition()393 31-3 watchPosition()和clearWatch()394 习题395 第32章 jQuery Mobile移动版网页设计 32-1 安装Opera Mobile Classic ?Emulator397 32-2 我的第一个采用jQuery Mobile ?设计的网页398 32-3 jQuery的基本网页架构399 32-4 超链接功能401 32-5 对话框的设计402 32-6 页面的切换402 32-7 建立按钮403 32-7-1 使用<input>元素建立按钮403 32-7-2 使用<button>元素建立按钮404 32-7-3 使用<a>元素建立按钮404 32-7-4 按钮图标404 32-7-5 设定按钮图标的位置404 32-7-6 更多图标设定405 32-8 弹出框的设计406 32-9 工具栏406 32-9-1 页首区406 32-9-2 页尾区407 32-10 导航栏407 32-11 面板（Panel）409 32-12 可折叠区块410 32-12-1 基本可折叠区块410 32-12-2 巢状可折叠区块411 32-13 建立表格411 32-13-1 Reflow表格411 32-13-2 Column Toggle表格412 32-13-3 将样式表应用在表格413 32-14 列表显示414 32-15 列表符号416 32-15-1 默认列表符号 416 32-15-2 自设列表图标416 32-15-3 清单的缩图 417 32-15-4 为缩图加上文字批注417 32-15-5 分割列表按钮417 32-16 制作输入表单418 32-16-1 <label>元素418 32-16-2 text属性418 32-16-3 功能按钮属性419 32-16-4 radio属性420 32-16-5 checkbox属性420 32-16-6 select属性421 32-16-7 range属性421 32-16-8 On/Off切换设计422 习题422 第33章将网页转成APP应用程序 33-1 准备HTML文件424 33-2 准备config.xml配置文件424 33-3 压缩网页与配置文件425 33-4 建立APP应用程序425 33-5 重新上传文件427 附录A HTML标记列表附录B HTML属性索引表附录C CSS属性索引表附录D 网页设计使用的单位 D-1 绝对单位445 D-2 相对单位445 D-3 百分比445 附录E 认识网页设计的颜色</div></div> </div> </div> </div> </div> </div> <script src="/static/js/lib/jquery/blowup.min.js" type="text/javascript"></script> <script type="application/javascript"> $(document).ready(function () { /** * 图片放大器 */ $("#img_zoom").blowup({ background : "#FCEBB6" }); }); </script>  <div class="modal fade bs-example-modal-lg" id="modal_add_to_list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">添加到书单</h4> </div> <div class="modal-body">  <script id="tpl_my_list" type="text/template"> {@each records as i} <li class="list-group-item"> <label style="width:100%;cursor: pointer;"> <input type="radio" name="listId" value="@{i.id}" id="list@{i.id}"> @{i.name} </label> </li> {@/each} </script>  <ul class="list-group" id="tbl_my_list"> <li class="list-group-item"> <label for="list2" >加载中...</label> </li> </ul> <div class="pager"></div> <a href="javascript:void(0);" id="a_add_list">点此新建书单</a> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" id="btn_add_to_list_save">确定</button> </div> </div> </div> </div>   <div class="modal fade bs-example-modal-lg" id="modal_add_list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form id="form_create_list"> <button type="reset" style="display:none;"></button> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">新建书单</h4> </div> <div class="modal-body"> <div class="form-group"> <label for="recipient-name" class="control-label">标题：</label> <input type="text" class="form-control" name="name"> </div> <div class="form-group"> <label for="recipient-name" class="control-label">简介：</label> <textarea style="height:200px" class="form-control" name="memo" placeholder="书单描述..."></textarea> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" id="btn_create_list">保存</button> </div> </form> </div> </div> </div>  </div> <div class="rollto" style="display: none;"><a href="javascript:;"></a></div> <div class="bottom clearfix"> <div class="wrap clearfix"> <div class="fn-left"> </div> <div class="fn-right infomt"> <div class="fn-right"> <div> </div> <div> </div> </div> </div> </div> <div class="linHight"></div> <div class="wrap wenzi"> <p> <a href="https://beian.miit.gov.cn" target="_blank" style="color: #b3b3b3;">蜀ICP备2024047804号</a> </p> <p> Copyright 版权所有 © jvwen.com 聚文网 </p> </div> </div> </body> </html>

HTML5+CSS3王者归来

库存： {{selectedSku?.stock}} 库存充足