HTML5+CSS3王者归来

洪锦魁

计算机与互联网类型

查阅电子书

手机扫码

微信扫一扫

关注微信公众号

因版权原因待上架

类似推荐

编辑推荐

HTML5、CSS3、JavaScript、回應式網頁、Jquery手機設計

内容简介

1：完整講解HTML5 2：WebVTT建立多國語言字幕 3：完整解說 CSS3屬性4：JavaScript完整解說 5：BOM與DOM 6：回應式網頁設計 7：Canvas繪圖。8：Jquery手機網頁設計。

章节目录

封面页

书名页

版权页

作者简介

内容简介

序

第一篇　HTML5完整学习

第1章　HTML5的历史

1-1　认识HTML

1-2　蒂姆·伯纳斯－李(Tim Berners Lee)

1-3　HTML历史上的3个重要协会

1-4　HTML的发展史

1-5　HTML开发中的插曲XHTML

1-6　HTML与浏览器的兼容问题

第2章　HTML5从零开始

2-1　HTML5与HTML4.01

2-2　HTML文件结构

2-2-1　大小写皆可

2-2-2　文件声明doctype

2-2-3　 …

2-2-4　 …

2-2-5　 …

2-3　认识HTML基本元素

2-4　HTML标记类型

2-5　我的第一个HTML文件

2-5-1　编辑我的第一个HTML文件

2-5-2　执行我的第一个HTML文件

2-5-3　Notepad++

2-6　解析我的第一个HTML文件

2-6-1　元素

2-6-2　元素</p><p>2-6-3　文件主体</p><p>2-7　HTML文件的批注</p><p>第3章　HTML文件输出的基本知识</p><p>3-1　浏览器处理数据的输出</p><p>3-2　标题输出<hn>元素</p><p>3-3　换行输出<br>元素</p><p>3-4　保持原始文件样式<pre>元素</p><p>3-5　水平线<hr>元素</p><p>3-6　段落<p>元素</p><p>3-7　文件某个区域<section>元素</p><p>3-8　页首<header>元素</p><p>3-9　页尾<footer>元素</p><p>3-10　粗体显示<b>和<strong>元素</p><p>3-11　斜体<em>和<i>元素</p><p>3-12　引用<cite>、<q>和<blockquote>元素</p><p>3-13　加上底纹<mark>元素</p><p>3-14　小型字<small>元素</p><p>3-15　显示与计算机有关联的文字<kbd>、<samp>、<var>和<code>元素</p><p>3-16　定义缩写<abbr>元素</p><p>3-17　定义用语<dfn>元素</p><p>3-18　内容新增与删除<ins>和<del>元素</p><p>3-19　隔离双向文字走向<bdi>元素</p><p>3-20　指定文字走向<bdo dir="direction"> … </bdo></p><p>3-21　标示注音或拼音<ruby>、<rt>和<rp>元素</p><p>3-22　上标<sup>和下标<sub>元素</p><p>3-23　输出特殊字符</p><p>3-24　HTML的树状结构</p><p>3-25　HTML5不再支持的元素与属性设定</p><p>第4章　设计含超链接的网页</p><p>4-1　<a> … </a>的基本应用</p><p>4-2　浏览脉络的设定</p><p>4-3　从一个文件跳到另一个文件</p><p>4-3-1　超链接的HTML文件在同一个文件夹</p><p>4-3-2　超链接的文件在子文件夹</p><p>4-3-3　超链接的文件在父文件夹</p><p>4-3-4　绝对路径</p><p>4-4　同一个HTML文件中的超链接</p><p>4-5　设定联络信息<address>元素</p><p>4-6　链接到电子邮件信箱</p><p>4-7　引用短文的实例<cite>元素与超链接的应用</p><p>4-8　指定基准的URL</p><p>第5章　制作项目列表</p><p>5-1　点符列表</p><p>5-2　有编号的项目列表</p><p>5-3　设定有编号项目列表的起始编号</p><p>5-4　更改项目列表的连续编号</p><p>5-5　更改项目列表的编号种类</p><p>5-6　项目列表编号递减的应用</p><p>5-7　自定义清单</p><p>第6章　设计表格</p><p>6-1　表格的基本元素</p><p>6-2　表格框线的border属性</p><p>6-3　建立表头<thead>和<th>元素</p><p>6-4　建立表格本体<tbody>元素</p><p>6-5　建立表尾<tfoot>元素</p><p>6-6　合并横向单元格colspan属性</p><p>6-7　合并纵向单元格rowspan属性</p><p>6-8　表格的标题<caption>元素</p><p>6-9　单元格的群组化<colgroup>和<col>元素</p><p>6-10　表格与超链接的混合应用</p><p>第7章　嵌入图片</p><p>7-1　嵌入图片<img>元素</p><p>7-2　标示文件标题<figure>和<figcaption>元素</p><p>7-3　制作响应图</p><p>7-3-1　建立地图<img></p><p>7-3-2　响应图<map></p><p>7-3-3　定义响应图的链接区域<area></p><p>7-4　在表格内嵌入图片</p><p>7-5　设计图片的超链接</p><p>7-6　将图片作为项目符号</p><p>7-7　简易编排嵌入图片与文字</p><p>7-8　GIF动画</p><p>第8章　设计多媒体网页</p><p>8-1　播放影片<video>元素</p><p>8-2　播放声音<audio>元素</p><p>8-3　指定多个播放文件<source>元素</p><p>8-4　为影片加入字幕功能<track>元素</p><p>8-4-1　认识与建立WebVTT文件</p><p>8-4-2　HTML5 Video Caption Maker</p><p>8-4-3　为影片加字幕的实例</p><p>8-5　嵌入资源文件<embed>元素</p><p>8-6　嵌入对象<object>元素</p><p>8-7　设定嵌入对象的参数<param>元素</p><p>8-8　建立嵌入的浮动框架<iframe>元素</p><p>第9章　制作输入表单</p><p>9-1　制作输入表单<form>元素</p><p>9-2　制作表单组件<input>元素</p><p>9-2-1　制作提交按钮submit属性值</p><p>9-2-2　制作重设按钮reset属性值</p><p>9-2-3　制作单行输入的文本框text属性值</p><p>9-2-4　制作可输入密码的文本框password属性值</p><p>9-2-5　制作搜索框search属性值</p><p>9-2-6　制作图片按钮image属性值</p><p>9-2-7　制作输入电话号码的文本框tel属性值</p><p>9-2-8　制作输入电子邮件字段的文本框email属性值</p><p>9-2-9　制作输入URL的文本框url属性值</p><p>9-2-10　制作单选按钮radio属性值</p><p>9-2-11　制作复选框checkbox属性值</p><p>9-2-12　制作数值输入框number属性值</p><p>9-2-13　制作指定范围的数值输入框range属性值</p><p>9-2-14　指定颜色color属性值</p><p>9-2-15　制作不显示但要传送的信息hidden属性值</p><p>9-2-16　制作输入时间的控件time属性值</p><p>9-2-17　制作输入日期的控件date属性值</p><p>9-2-18　制作输入周次week属性值</p><p>9-2-19　制作输入年份和月份month属性值</p><p>9-2-20　本地与世界标准时间datetime/datetime-local属性值</p><p>9-2-21　制作选择文件后上传的file属性值</p><p>9-3　建立多行输入的文字框<textarea>元素</p><p>9-4　为对象加上关联标记<label>元素</p><p>9-5　显示进度<progress>元素</p><p>9-6　显示仪表值<meter>元素</p><p>9-7　下拉式选单与列表框<select>和<option>元素</p><p>9-7-1　建立下拉式选单</p><p>9-7-2　建立列表框</p><p>9-7-3　选项组化<optgroup>元素</p><p>9-8　制作文字框的候补选项<datalist>和<option>元素</p><p>9-9　表单组件群组化<fieldset>和<legend>元素</p><p>9-10　加密密钥<keygen>元素</p><p>第10章　HTML功能总结</p><p>10-1　全局属性</p><p>10-2　事件属性</p><p>10-3　认识<script>元素与一个超简单的JavaScript应用</p><p>10-4　设定一般区块<div>元素</p><p>10-5　设定一般范围<span>元素</p><p>10-6　区块层级与行内层级</p><p>10-7　网页布局</p><p>10-7-1　<header>元素与群组化标题</p><p>10-7-2　<nav>元素应用实例</p><p>10-7-3　<article>元素应用实例</p><p>10-7-4　<aside>元素应用实例</p><p>10-8　HTML章节的概念</p><p>10-9　日期与时间<time>元素</p><p>第二篇　CSS3完整学习</p><p>第11章　CSS3的基础知识</p><p>11-1　CSS基本语法</p><p>11-1-1　CSS基本语法格式</p><p>11-1-2　多个选择器使用相同的声明区块</p><p>11-1-3　CSS的批注</p><p>11-2　CSS颜色设定</p><p>11-2-1　1600万种颜色</p><p>11-2-2　网络安全颜色—— 256种颜色</p><p>11-2-3　HSL颜色</p><p>11-3　套用CSS的方法</p><p>11-4　class选择器</p><p>11-5　字体</p><p>11-5-1　设置字体名称的font-family属性</p><p>11-5-2　设置字号的font-size属性</p><p>11-5-3　设置字体样式的font-style属性</p><p>11-5-4　设置字体样式的font-weight属性</p><p>11-5-5　font-variant</p><p>11-5-6　font-size-adjust</p><p>11-5-7　font</p><p>11-5-8　@font-face</p><p>11-5-9　综合应用</p><p>11-6　id选择器</p><p>11-7　属性选择器</p><p>11-8　全局选择器</p><p>11-9　虚拟选择器</p><p>11-9-1　链接的虚拟类别:link和:visited</p><p>11-9-2　动作虚拟类别</p><p>11-9-3　目标虚拟类别</p><p>11-10　前缀词的使用</p><p>第12章　段落文字的编排知识</p><p>12-1　设置文字对齐方式的text-align属性</p><p>12-2　设置首行缩排的text-indent属性</p><p>12-3　设定行高的line-height属性</p><p>12-4　设置字母间距的letter-spacing属性</p><p>12-5　设置文字间距的word-spacing属性</p><p>12-6　处理空格符的white-space属性</p><p>12-7　大小写转换的text-transform属性</p><p>12-8　设置文字阴影的text-shadow属性</p><p>12-9　设置线条装饰的text-decoration属性</p><p>12-10　再谈线条装饰</p><p>12-10-1　text-decoration-line</p><p>12-10-2　text-decoration-color</p><p>12-10-3　text-decoration-style</p><p>12-11　设定制表符宽度的tab-size属性</p><p>12-12　设定换行的word-wrap属性</p><p>12-13　设定文字超出范围的text-overflow属性</p><p>第13章　将CSS应用在项目列表</p><p>13-1　建立项目列表符号的list-style-type属性</p><p>13-2　建立图片项目符号的list-style-image属性</p><p>13-3　项目符号与编号位置的list-style-position属性</p><p>13-4　简易表示法list-style</p><p>第14章　设计背景</p><p>14-1　透明色</p><p>14-1-1　rgba()函数</p><p>14-1-2　hsla()函数</p><p>14-1-3　透明度opacity</p><p>14-2　设置背景颜色的background-color属性</p><p>14-3　设置背景图像的background-image属性</p><p>14-4　设置背景是否重复出现的background-repeat属性</p><p>14-5　设置背景图片位置的background-position属性</p><p>14-6　设置背景图片大小的background-size属性</p><p>14-7　设置背景图片随内容卷动的background-attachment属性</p><p>14-8　背景简易表示法background</p><p>第15章　完整学习Box Model</p><p>15-1　认识Box Model</p><p>15-2　外边距的设计</p><p>15-2-1　<body>的外边距</p><p>15-2-2　外边距的合并</p><p>15-2-3　外边距应用在段落输出的实例</p><p>15-3　内边距的设计</p><p>15-4　边框的设计</p><p>15-4-1　边框样式</p><p>15-4-2　边框色彩</p><p>15-4-3　边框宽度</p><p>15-4-4　边框属性的简易表示法</p><p>15-4-5　圆角边框</p><p>15-4-6　设计图案边框</p><p>15-5　补充背景功能background-clip和back ground-origin属性</p><p>15-5-1　设定背景显示范围的background-clip属性</p><p>15-5-2　设定背景图案的基准位置的background-origin属性</p><p>15-6　设定盒子阴影的box-shadow属性</p><p>15-7　设定盒子宽度与高度的box-sizing属性</p><p>15-8　内容超出范围时的显示方式</p><p>15-9　outline属性</p><p>15-10　设定内容盒子尺寸的resize属性</p><p>第16章　将CSS应用在表格数据</p><p>16-1　表格标题</p><p>16-2　表格底色的设计</p><p>16-3　表格框线设计</p><p>16-4　单元格框线的距离</p><p>16-5　为单元格内容加上内边距</p><p>16-6　显示或隐藏空白的单元格</p><p>16-7　表格框线的模式</p><p>16-8　单元格内容排版</p><p>16-9　表格版面的排版</p><p>16-10　综合应用</p><p>第17章　设计渐变效果</p><p>17-1　线性渐变函数linear-gardient()</p><p>17-2　放射状渐变函数radial-gradient()</p><p>17-3　重复线性渐变函数repeating-linear-gradient()</p><p>17-4　重复放射性渐变函数repeating-radial-gradient()</p><p>第18章　设计多栏版面</p><p>18-1　设定栏数量与宽度的columns属性</p><p>18-1-1　设定栏数量的column-count属性</p><p>18-1-2　设定栏宽度的column-width属性</p><p>18-1-3　栏数量与宽度简易表示法columns</p><p>18-2　设定栏与栏间距的column-gap属性</p><p>18-3　设定栏与栏线属性column-rule</p><p>18-3-1　设定栏线类型的column-rule-style属性</p><p>18-3-2　设定栏线颜色的column-rule-color属性</p><p>18-3-3　设定栏线宽度的column-rule-width属性</p><p>18-3-4　栏线属性的简易表示法column-rule</p><p>18-4　设置跨栏显示的column-span属性</p><p>18-5　设定栏高度的column-fill属性</p><p>18-6　换栏或换页</p><p>18-6-1　break-before</p><p>18-6-2　break-after</p><p>18-6-3　break-inside</p><p>第19章　定位与网页排版</p><p>19-1　设定盒子的大小</p><p>19-2　设定盒子大小的极限</p><p>19-3　display属性</p><p>19-4　用于定位的position属性</p><p>19-4-1　position属性值是relative的程序实例</p><p>19-4-2　position属性值是absolute的程序实例</p><p>19-4-3　position属性值是fixed的程序实例</p><p>19-4-4　综合应用</p><p>19-5　设定与解除图旁串字</p><p>19-5-1　设定图旁串字的float属性</p><p>19-5-2　清除图旁串字的clear属性</p><p>19-6　堆叠顺序</p><p>19-7　显示或隐藏元素的visibility属性</p><p>19-8　用box调整元素呈现方式的object-fit属性</p><p>19-9　设定垂直对齐的vertical-align属性</p><p>第20章　使用弹性容器（flexible container）排版</p><p>20-1　flex container的基本概念</p><p>20-2　弹性容器的声明</p><p>20-3　设定版面方向（flex-direction）</p><p>20-4　设定弹性区块内为多行排列（flex-wrap）</p><p>20-5　直接设定排版方向和行数（flex-flow）</p><p>20-6　版面区块的排列顺序（order）</p><p>20-7　增加版面区块对象宽度（flex-grow）</p><p>20-8　缩减版面区块对象宽度（flex-shrink）</p><p>20-9　调整前的区块对象宽度（flex-basis）</p><p>20-10　增减区块宽度的简易表示法（flex）</p><p>20-11　设定留白的方式（justify-content）</p><p>20-12　垂直方向留白的处理（align-items）</p><p>20-13　个别版面区块留白的处理(align-self)</p><p>20-14　弹性容器有多行版面区块时留白的处理（align-content）</p><p>20-15　综合应用</p><p>第21章　动画设计——过渡效果</p><p>21-1　设定过渡效果时间的属性transition-duration</p><p>21-2　设定过渡效果的属性transition-property</p><p>21-3　设定过渡延迟时间的属性transition-delay</p><p>21-4　设计过渡速度的属性transition-timing-function</p><p>21-5　过渡效果的简易表示法transition</p><p>21-6　综合应用</p><p>第22章　设计网页动画</p><p>22-1　关键帧（@keyframes）</p><p>22-2　运用关键帧（animation-name）</p><p>22-3　设定动画时间（animation-duration）</p><p>22-4　设计动画变速方式（animation-timing-function）</p><p>22-5　设定动画次数（animation-iteration-count）</p><p>22-6　设定动画重复执行的方向（animation-direction）</p><p>22-7　设定动画执行或是暂停（animation-play-state）</p><p>22-8　设定动画延迟的时间（animation-delay）</p><p>22-9　设定动画延迟与完成的样式（animation-fill-mode）</p><p>22-10　动画的简易表示法animation</p><p>第23章　变形动画</p><p>23-1　2D变形效果</p><p>23-2　2D变形的基准点</p><p>23-3　3D变形效果</p><p>23-4　3D变形的基准点</p><p>23-5　设定透视图视点距离</p><p>23-6　透视图的基准点</p><p>23-7　巢状元素产生时子元素的处理</p><p>23-8　是否显示背面内容</p><p>第24章　响应式（RWD）网页设计</p><p>24-1　设置鼠标指针的形状</p><p>24-2　媒体查询</p><p>24-2-1　媒体类型</p><p>24-2-2　媒体特性</p><p>24-2-3　媒体查询设计使用@media</p><p>24-2-4　媒体查询设计使用<link></p><p>24-2-5　媒体查询设计使用@import</p><p>24-3　选择器完整说明</p><p>24-4　响应式网页设计</p><p>24-4-1　响应式网页实例</p><p>24-4-2　设计响应式网页的基本原则</p><p>24-4-3　viewport</p><p>24-4-4　浏览画面设计</p><p>24-4-5　导览区套用样式表</p><p>24-4-6　文章区套用样式表</p><p>24-4-7　侧边栏区套用样式表</p><p>24-4-8　其他设计</p><p>24-4-9　完整程序内容</p><p>第三篇　迈向网页设计高手之路</p><p>第25章　JavaScript基础知识</p><p>25-1　JavaScript的功能</p><p>25-2　JavaScript的输出</p><p>25-3　撰写JavaScript代码的位置</p><p>25-3-1　将JavaScript代码写在<head>元素内</p><p>25-3-2　将JavaScript代码写在<body>元素内</p><p>25-3-3　以外部文件方式撰写JavaScript代码</p><p>25-3-4　存取HTML内容输出的实例</p><p>25-3-5　document.write()输出的实例</p><p>25-4　JavaScript基本语法</p><p>25-5　声明变量</p><p>25-6　数据类型</p><p>25-6-1　数值数据</p><p>25-6-2　字符串数据</p><p>25-6-3　对象数据</p><p>25-6-4　综合应用</p><p>25-7　运算符</p><p>25-7-1　算术运算符</p><p>25-7-2　递增、递减运算符</p><p>25-7-3　赋值运算符</p><p>25-8　布尔值、比较运算与逻辑运算</p><p>25-8-1　布尔值</p><p>25-8-2　比较运算符</p><p>25-8-3　逻辑运算符</p><p>25-9　位运算符</p><p>25-10　运算符的优先级</p><p>第26章　JavaScript的流程控制</p><p>26-1　if语句</p><p>26-1-1　if语句</p><p>26-1-2　if … else语句</p><p>26-1-3　if … else if … else语句</p><p>26-1-4　判断条件可以扩展</p><p>26-2　switch语句</p><p>26-3　for语句</p><p>26-4　while语句</p><p>26-5　do … while语句</p><p>26-6　特殊表达式</p><p>26-7　数组array</p><p>26-7-1　Array的方法</p><p>26-7-2　Array的属性</p><p>26-8　for/in语句</p><p>26-9　综合应用</p><p>第27章　JavaScript的函数设计</p><p>27-1　基本函数设计</p><p>27-2　设计一个可以传递参数的函数</p><p>27-3　函数调用同时有返回值</p><p>27-4　全局变量与局部变量</p><p>27-5　函数被定义在对象内</p><p>第28章　浏览器对象模型BOM</p><p>28-1　认识BOM</p><p>28-2　window对象</p><p>28-2-1　有趣的程序测试</p><p>28-2-2　window对象的属性</p><p>28-2-3　window对象的方法</p><p>28-3　screen对象</p><p>28-4　navigator对象</p><p>28-5　history对象</p><p>28-6　location对象</p><p>第29章　HTML的文件对象模型DOM</p><p>29-1　认识DOM</p><p>29-2　取得HTML元素</p><p>29-2-1　getElementByID()</p><p>29-2-2　getElementsByTagName()</p><p>29-2-3　getElementsByClassName()</p><p>29-2-4　querySelectorAll()和querySelector()</p><p>29-2-5　双层条件的存取功能</p><p>29-2-6　返回串行的长度length</p><p>29-2-7　元素上下文属性</p><p>29-2-8　元素大小与位置</p><p>29-2-9　更改图片大小</p><p>29-3　更改HTML元素内容</p><p>29-3-1　更改标题或段落的内容</p><p>29-3-2　更改属性内容</p><p>29-4　DOM节点和浏览元素</p><p>29-4-1　认识相关名词</p><p>29-4-2　存取节点值</p><p>29-4-3　<body>和<html>节点</p><p>29-4-4　相同父节点的兄弟节点内容</p><p>29-4-5　存取父节点</p><p>29-5　建立、插入、删除节点</p><p>29-5-1　建立节点</p><p>29-5-2　将节点插入特定位置</p><p>29-5-3　删除节点</p><p>29-5-4　更换节点</p><p>29-6　DOM与CSS</p><p>29-7　HTML的集合对象</p><p>29-7-1　document.images</p><p>29-7-2　document.forms</p><p>29-7-3　document.links</p><p>29-8　DOM事件属性</p><p>29-8-1　onload与onunload事件</p><p>29-8-2　onchange事件</p><p>29-8-3　onclick事件</p><p>29-8-4　ondblclick事件</p><p>29-8-5　onmouseover和onmouseout事件</p><p>29-8-6　onmousedown和onmouseup事件</p><p>29-8-7　在JavaScript内建立事件</p><p>第30章　HTML Canvas绘图与动画</p><p>30-1　建立Canvas绘图环境</p><p>30-2　绘制矩形</p><p>30-2-1　rect()、stroke()和strokeRect()</p><p>30-2-2　fillRect()和fillStyle()</p><p>30-2-3　clearRect()</p><p>30-3　绘制线条</p><p>30-3-1　绘制直线</p><p>30-3-2　beginPath()和closePath()</p><p>30-3-3　lineWidth</p><p>30-3-4　fill()</p><p>30-3-5　lineCap</p><p>30-3-6　lineJoin</p><p>30-4　绘制圆形或弧线</p><p>30-4-1　绘制圆形</p><p>30-4-2　绘制弧线</p><p>30-4-3　顺时针弧线或逆时针弧线</p><p>30-4-4　实心圆的绘制</p><p>30-4-5　arcTo()</p><p>30-5　色彩渐变效果的处理</p><p>30-5-1　线性渐变</p><p>30-5-2　辐射渐变</p><p>30-5-3　将渐变应用在矩形框线</p><p>30-6　绘制文字</p><p>30-6-1　font</p><p>30-6-2　fillText()和strokeText</p><p>30-6-3　文字输出与渐变的应用</p><p>30-6-4　输出文字居中对齐</p><p>30-7　绘制图像</p><p>30-8　建立简单动画</p><p>30-9　位移与旋转</p><p>第31章　取得用户的经纬度数据</p><p>31-1　HTML的Geolocation</p><p>31-2　getCurrentPosition()</p><p>31-3　wat chPosition()和clearWatch()</p><p>第32章　jQuery Mobile移动版网页设计</p><p>32-1　安装Opera Mobile Classic Emulator</p><p>32-2　我的第一个采用jQuery Mobile设计的网页</p><p>32-3　jQuery的基本网页架构</p><p>32-4　超链接功能</p><p>32-5　对话框的设计</p><p>32-6　页面的切换</p><p>32-7　建立按钮</p><p>32-7-1　使用<input>元素建立按钮</p><p>32-7-2　使用<button>元素建立按钮</p><p>32-7-3　使用<a>元素建立按钮</p><p>32-7-4　按钮图标</p><p>32-7-5　设定按钮图标的位置</p><p>32-7-6　更多图标设定</p><p>32-8　弹出框的设计</p><p>32-9　工具栏</p><p>32-9-1　页首区</p><p>32-9-2　页尾区</p><p></p></p> <p style="height: 0px;font-size:0px;display: block"> <a href="https://www.deshu.cn/book/41qm7q03qo2e.html?from=book_info" rel="book">HTML5+CSS3王者归来</a>是2019年由清华大学出版社出版,作者洪锦魁。 </p> <p> 得书感谢您对《<a href="https://www.deshu.cn/book/41qm7q03qo2e.html?from=book_info" rel="book">HTML5+CSS3王者归来</a>》关注和支持，如本书内容有不良信息或侵权等情形的，请联系本网站。</p> </p> </div> <div class="taglist u-clearfix"> <a href="https://www.deshu.cn/cate/43?from=book_info" rel="tag">计算机与互联网</a> </div> </article> </div> <div class="bigfa-ajax-wrapper"> <div class="wx-classifyrecommend-keywords-2020 u-backgroundColorWhite"> </div> <div class="blockGroup--posts u-backgroundColorWhite"> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/book/v61mr4814o0j.html?from=book_discount_60316_img" title="Python王者归来"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/06/03/16.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="Python王者归来"> </a> <h3> <a href="https://www.deshu.cn/book/v61mr4814o0j.html?from=book_discount_60316_tit" title="Python王者归来" > Python王者归来</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/e9no9pgxn58k04?from=book_discount_60316_author" title="洪锦魁">洪锦魁</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/book/v61mrg1dpo0j.html?from=book_discount_134688_img" title="剑齿虎家族：王者归来"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/13/46/88.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="剑齿虎家族：王者归来"> </a> <h3> <a href="https://www.deshu.cn/book/v61mrg1dpo0j.html?from=book_discount_134688_tit" title="剑齿虎家族：王者归来" > 剑齿虎家族：王者归来</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/97g5813k6o1301?from=book_discount_134688_author" title="袁博">袁博</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/book/rpjo1rpkem2e.html?from=book_discount_253185_img" title="C语言王者归来"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/25/31/85.png?x-oss-process=image/resize,m_fill,h_280,w_210" alt="C语言王者归来"> </a> <h3> <a href="https://www.deshu.cn/book/rpjo1rpkem2e.html?from=book_discount_253185_tit" title="C语言王者归来" > C语言王者归来</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/e9no9pgxn58k04?from=book_discount_253185_author" title="洪锦魁">洪锦魁</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/book/v61mrj30do0j.html?from=book_discount_255164_img" title="魔戒·三部曲：魔戒同盟黑白双塔王者归来"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/25/51/64.jpeg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="魔戒·三部曲：魔戒同盟黑白双塔王者归来"> </a> <h3> <a href="https://www.deshu.cn/book/v61mrj30do0j.html?from=book_discount_255164_tit" title="魔戒·三部曲：魔戒同盟黑白双塔王者归来" > 魔戒·三部曲：魔戒同盟黑白双塔王者归来</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/gk6mp1p27mvd05?from=book_discount_255164_author" title="[英] J.R.R.托尔金">[英] J.R.R.托尔金</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/book/x70506eej5p4.html?from=book_discount_49293_img" title="那个被叫做“皇帝“的男人:勒布朗·詹姆斯传（王者归来版）"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/04/92/93.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="那个被叫做“皇帝“的男人:勒布朗·詹姆斯传（王者归来版）"> </a> <h3> <a href="https://www.deshu.cn/book/x70506eej5p4.html?from=book_discount_49293_tit" title="那个被叫做“皇帝“的男人:勒布朗·詹姆斯传（王者归来版）" > 那个被叫做“皇帝“的男人:勒布朗·詹姆斯传（王者归来版）</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/17qm2g2l5n8j01?from=book_discount_49293_author" title="张佳玮">张佳玮</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/book/rj7o3l06voy0.html?from=book_discount_141689_img" title="归来"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/14/16/89.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="归来"> </a> <h3> <a href="https://www.deshu.cn/book/rj7o3l06voy0.html?from=book_discount_141689_tit" title="归来" > 归来</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/731mep2xq5nr09?from=book_discount_141689_author" title="[罗马尼亚] 诺曼·马内阿">[罗马尼亚] 诺曼·马内阿</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/book/760onk68goky.html?from=book_discount_147936_img" title="孔子归来"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/14/79/36.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="孔子归来"> </a> <h3> <a href="https://www.deshu.cn/book/760onk68goky.html?from=book_discount_147936_tit" title="孔子归来" > 孔子归来</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/x7050xkjk5p401?from=book_discount_147936_author" title="鲍鹏山">鲍鹏山</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/book/lvrmk0kzvoq4.html?from=book_discount_106023_img" title="王者天下 01"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/10/60/23.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="王者天下 01"> </a> <h3> <a href="https://www.deshu.cn/book/lvrmk0kzvoq4.html?from=book_discount_106023_tit" title="王者天下 01" > 王者天下 01</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/lvrmk07wvoq403?from=book_discount_106023_author" title="原泰久">原泰久</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/book/gk6mpk3jqovd.html?from=book_discount_110163_img" title="王者时刻1"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/11/01/63.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="王者时刻1"> </a> <h3> <a href="https://www.deshu.cn/book/gk6mpk3jqovd.html?from=book_discount_110163_tit" title="王者时刻1" > 王者时刻1</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/e9no91ykj58k04?from=book_discount_110163_author" title="蝴蝶蓝">蝴蝶蓝</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/book/xd1od32e1m26.html?from=book_discount_123594_img" title="王者时刻5"> <img class="lazyload" src="/asset/book_cover.png" data-src="https:王者时刻5?x-oss-process=image/resize,m_fill,h_280,w_210" alt="王者时刻5"> </a> <h3> <a href="https://www.deshu.cn/book/xd1od32e1m26.html?from=book_discount_123594_tit" title="王者时刻5" > 王者时刻5</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/e9no91ykj58k04?from=book_discount_123594_author" title="蝴蝶蓝">蝴蝶蓝</a> </div> </div> </div> </div> </div> <div class="u-width335 u-floatRight"> <div class="widget u-backgroundColorWhite u-marginTop30"> <div class="gray_ad buyinfo" id="buyinfo"> <div class="buyinfo-printed" id="buyinfo-printed"> <h2><span>购买这本书</span></h2> <ul class="bs current-version-list"> <li> <div class="cell price-btn-wrapper"> <div class="vendor-name"> <a target="_blank" href="/link?book_slug=41qm7q03qo2e&partner=jd">京东纸质书</a> </div> <div class="cell impression_track_mod_buyinfo"> <div class="cell price-wrapper"> <a target="_blank" href="/link?book_slug=41qm7q03qo2e&partner=jd"> <span class="buylink-price "> </span> </a> </div> <div class="cell"> <a target="_blank" href="/link?book_slug=41qm7q03qo2e&partner=jd" class="buy-book-btn e-book-btn"><span>购买</span></a> </div> </div> </div> </li> </ul> </div> </div> </div> <div class="widget u-backgroundColorWhite u-marginTop30"> <div class="_4t2jer58z18"></div> </div> <div class="widget u-backgroundColorWhite u-marginTop30"> <div class="inner"> <div class="widget-title"> <span>你可能喜欢</span> </div> <div class="widget-book-list"> <div class="widget-book-item is-active"> <div class="book_cover"> <a href="https://www.deshu.cn/ebook/xd1ode1dz526.html?from=book_like_0" target="_blank" class="img"> <img class="lazyload" src="/asset/book_cover.png" data-src="https://cdn.keledgechain.com/files/upload/1a2/1a29338e380439293e2742a96628d903-100541.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="HTML5+CSS3 Web前端开发技术（第2版）"> </a> <span class="label-tag">电子书</span> </div> <div class="content"> <div class="t"> <a href="https://www.deshu.cn/ebook/xd1ode1dz526.html?from=book_like_0" target="_blank">HTML5+CSS3 Web前端开发技术（第2版）</a> </div> <div class="author"> <a href="https://www.deshu.cn/author/n7rmyvrq2mdx02?from=book_like_0" target="_blank">刘德山章增安林彬</a> </div> <div class="des"> 本书以HTML5为基础，系统阐述Web前端开发的内容，一些案例结合了HTML5与CSS3的典型应用，目的是帮助读者快速掌握网站开发技术。本书适合网站前端开发人员提高使用，也适用信息技术类及相关专业读者。 </div> </div> </div> <div class="widget-book-item is-active"> <div class="book_cover"> <a href="https://www.deshu.cn/ebook/8nlmzvg275v9.html?from=book_like_1" target="_blank" class="img"> <img class="lazyload" src="/asset/book_cover.png" data-src="https://cdn.keledgechain.com/files/upload/090/09011d53ff815ad22194fceaea55c3d2-614507.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="HTML5+CSS3移动Web开发实战（第2版）"> </a> <span class="label-tag">电子书</span> </div> <div class="content"> <div class="t"> <a href="https://www.deshu.cn/ebook/8nlmzvg275v9.html?from=book_like_1" target="_blank">HTML5+CSS3移动Web开发实战（第2版）</a> </div> <div class="author"> <a href="https://www.deshu.cn/author/1dpoxqdgemv208?from=book_like_1" target="_blank">陈承欢</a> </div> <div class="des"> 本书从跨平台的移动Web实际应用的角度阐述了HTML5和CSS3的新元素和新功能。 </div> </div> </div> <div class="widget-book-item is-active"> <div class="book_cover"> <a href="https://www.deshu.cn/ebook/xd1odw0ld526.html?from=book_like_2" target="_blank" class="img"> <img class="lazyload" src="/asset/book_cover.png" data-src="https://cdn.keledgechain.com/files/upload/8dd/f061684fc9ec44bc8284bd6a73cc7a5b_0_163492.jpg_cover.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="HTML5+CSS3网站设计基础教程"> </a> <span class="label-tag">电子书</span> </div> <div class="content"> <div class="t"> <a href="https://www.deshu.cn/ebook/xd1odw0ld526.html?from=book_like_2" target="_blank">HTML5+CSS3网站设计基础教程</a> </div> <div class="author"> <a href="https://www.deshu.cn/author/e9no9pgkq58k06?from=book_like_2" target="_blank">传智播客高教产品研发部</a> </div> <div class="des"> HTML5与CSS3是下一代Web应用技术的基础，使互联网进入了一个崭新的时代。本书从HTML5和CSS3的基础知识入手，重点讲解HTML5和CSS3新增功能和最新前端技术，通过大量实例对HTML5和CSS3进行深入浅出的分析，使读者在学习技术的同时，掌握Web开发和设计的精髓，提高综合应用能力。本书共10章，第1～2章主要讲解HTML5的基础知识，包括HTML5的发展历史、HTML5的优势及浏览 </div> </div> </div> <div class="widget-book-item is-active"> <div class="book_cover"> <a href="https://www.deshu.cn/ebook/xzl5lnn3wo0r.html?from=book_like_3" target="_blank" class="img"> <img class="lazyload" src="/asset/book_cover.png" data-src="https://cdn.keledgechain.com/files/upload/e10/e1047581b0ff7a974b45b91373941d42-456341.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="HTML5+CSS3网站设计基础教程（第3版）"> </a> <span class="label-tag">电子书</span> </div> <div class="content"> <div class="t"> <a href="https://www.deshu.cn/ebook/xzl5lnn3wo0r.html?from=book_like_3" target="_blank">HTML5+CSS3网站设计基础教程（第3版）</a> </div> <div class="author"> <a href="https://www.deshu.cn/author/17qm2dknl5n801?from=book_like_3" target="_blank">黑马程序员　编著</a> </div> <div class="des"> 本书是针对零基础网页设计人员而编写的入门教程。HTML5与CSS3是网页制作技术的核心，也是每个网页制作人员必须掌握的基础知识。本书从初学者的角度，以实用的案例、通俗易懂的语言详细介绍了如何使用HTML5与CSS3进行网页制作的方法和技巧。本书共10章。第1～4章主要讲解HTML5与CSS3的基础知识，包括HTML5入门、HTML5标签和属性、CSS3入门、CSS3选择器等：第5～9章分别讲解盒子 </div> </div> </div> <div class="widget-book-item is-active"> <div class="book_cover"> <a href="https://www.deshu.cn/ebook/lvrmkng3vmq4.html?from=book_like_4" target="_blank" class="img"> <img class="lazyload" src="/asset/book_cover.png" data-src="https://cdn.keledgechain.com/files/upload/76a/8aeb300ff135436e9455473ea216f784_0_489825.jpg_cover.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="HTML5+CSS3网页设计与制作实用教程（第3版）"> </a> <span class="label-tag">电子书</span> </div> <div class="content"> <div class="t"> <a href="https://www.deshu.cn/ebook/lvrmkng3vmq4.html?from=book_like_4" target="_blank">HTML5+CSS3网页设计与制作实用教程（第3版）</a> </div> <div class="author"> <a href="https://www.deshu.cn/author/1dpoxqdgemv208?from=book_like_4" target="_blank">陈承欢</a> </div> <div class="des"> 本书使用**新网页制作工具DreamweaverCC、**新Web技术标准HTML5和CSS3设计与制作网页。本书将教学内容划分为8个教学单元，理论知识分为“站点创建－超链接应用－表格应用－表单应用－网页布局－模板应用－网页特效－网站整合”这8个部分，选取购物网站作为网页设计载体，将训练任务分为“制作商品简介页面－制作帮助信息页面－制作购物车页面－制作注册登录页面－制作商品筛选页面－制作商品推荐页 </div> </div> </div> </div> </div> </div> <div class="widget u-backgroundColorWhite u-marginTop30"> <div class="inner"> <div class="widget-title"> <span>行业资讯</span> <div data-dts-event-location="recom_author_more" class="u-floatRight btn"><a href="https://www.deshu.cn/articles" target="_blank">查看更多</a></div> </div> <ul class="s-news-rank-content"> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/v61mrqg2x50j.html?catslug=excerpt&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot0">1</span> <span class="title-content-title">如果春秋战国时是齐文化占了上风，历史的进程会不会两样?</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/gk6mppek7mvd.html?catslug=excerpt&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot1">2</span> <span class="title-content-title">敦煌文献中的天文历法</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/1dpoxe8zkmv2.html?catslug=character&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot2">3</span> <span class="title-content-title">维克多·雨果逝世140周年：文学世界之外的雨果</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/rpjo1nepk52e.html?catslug=art&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot3">4</span> <span class="title-content-title">从马蒂斯家的小盆栽说起：天竺葵的艺术与哲学漫步</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/760onpl2ymky.html?catslug=history&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot4">5</span> <span class="title-content-title">流散千年的金印归藏故里，实证晋代册封高句丽</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/17qm207p1on8.html?catslug=history&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot5">6</span> <span class="title-content-title">“邬先生安否”：乌思道如何影响清代幕制</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/6z9m6yvn7oq2.html?catslug=review&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot6">7</span> <span class="title-content-title">日本“藤野转型”的启示：竖起天线，找到同伴</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/l8xmjjx0xm6p.html?catslug=review&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot7">8</span> <span class="title-content-title">制琴师和画家的手艺与……历史之镜</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/8nlmz6rzjov9.html?catslug=news&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot8">9</span> <span class="title-content-title">山乡巨变是一个宏大题材，《洞庭人家》关注了什么</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/d3rog1p00oke.html?catslug=excerpt&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot9">10</span> <span class="title-content-title">痴情与真爱</span> </a> </li>  </ul> </div> </div> </div> </div> <footer class="site-footer"> <div class="container "> <div class="copyright"> <p> <a target="_blank" href="https://www.deshu.cn/about/intro" style="color: rgb(153, 153, 153);">关于我们</a> <a target="_blank" href="http://www.deshu.cn/about/copyright" style="color: rgb(153, 153, 153);">版权声明</a> <a target="_blank" href="http://www.deshu.cn/about/contact" style="color: rgb(153, 153, 153);">联系我们</a> </p> <p> Copyright ©2025 deshu.cn All Rights Reserved.</p> <p>本网站所有内容均为合作方提供，版权归合作方所有，若发现您的合法权益受到侵害，请立即联系客服，我们会尽快为您处理。</p> <p> <a target="_blank" href="https://beian.mps.gov.cn/#/query/webSearch?code=13065202000489" > <img style="height: 13px;" src="/asset/beian.png">冀公网安备：13065202000489 </a> <a target="_blank" href="http://beian.miit.gov.cn/">工信部备案号：冀ICP备2023034015号-1</a> <a>ICP经营许可证：</a> <a>出版物经营许可证：新出发高出版字第2025020号</a> </p> <p></p> <p> <a target="_blank" href="http://cyberpolice.mps.gov.cn/" style="color: rgb(153, 153, 153);">网络违法犯罪举报</a> <a target="_blank" href="http://www.12377.cn/" style="color: rgb(153, 153, 153);">中国互联网举报中心</a> <a target="_blank" href="http://www.12377.cn/node_548446.htm" style="color: rgb(153, 153, 153);">网络举报APP下载</a> </p> </div> </div> </footer> <div class="page-bottom-fixed" id="pageBottmOprate"> <div class="" style="width: 72px;margin-left: -3px;"> <a class="item-link-txt" href="https://www.deshu.cn/user/buy_vip?optionPrice=16800&back=https%3A%2F%2Fwww.deshu.cn%2Fbook%2F41qm7q03qo2e.html%3Ffrom%3Dbook_discount_253506_img"><img src="/asset/pds/images/xianshi_tip_1.png"></a> </div> <div class="" style="width: 68px;margin-left: -3px"> <a class="item-link-txt" href="https://www.deshu.cn/common/receive_give"><img src="/asset/pds/images/64967aaa51da1.png"></a> </div> <div class="page-bottom-item"> <a class="item-link-txt"@click="feedback"><em class="iconfont iconwodepinglun"></em><span class="txt">意见反馈</span></a> </div> <div class="page-bottom-item"> <a class="item-link-txt" id="bookShelf" href="/user/bookshelf" target="_blank"><em class="iconfont iconwodekecheng"></em><span class="txt">我的书架</span></a> </div> <div class="page-bottom-item"> <a class="go-qrcode jsFixedCode" href="javascript:"> <span class="loop loop1"><em class="icon icon-code"></em><p class="icon-txt">公众号</p></span>   </a> <div class="bototm-qrcode"> <div class="qrcode-panel"> <div id="pageBottomQRcode" class="qrcode-con" style="display: block;"></div> <p class="desc">关注微信公众号</p> </div> </div> </div> <div class="page-bottom-item dn" id="pageBottomGoTop"> <a class="go-top" href="javascript:" aria-label="返回顶部"><em class="icon icon-gotop"></em></a> </div> </div></div> <login-overlay :backurl="backUrl" v-if="showLogin" :showlogin="showLogin" @closeloginchild="closelogin"></login-overlay> <order-pay-overlay v-if="showOderPay" :showOderPay="showOderPay" @closeorderchild="closeorder"></order-pay-overlay> <feedback-overlay v-if="showFeedBack" :showFeedBack="showFeedBack" @closefeedbackchild="closefeedback"></feedback-overlay> <common-popup-overlay></common-popup-overlay> </div> <link rel='stylesheet' id='misc-css' href='/asset/pds/zdialog.css?v=209' type='text/css' media='screen' /> <script type='text/javascript' src='/asset/pds/require-v1.0.5-1.js?v=209'></script> <script type='text/javascript' src='/asset/pds/require-v1.0.5-2.js?v=209'></script> <script type='text/javascript' src='/asset/pds/all.bundle.v1.js?v=209'></script> <script type='text/javascript' src='/asset/js/lazyload.min.js?v=209'></script> <script> $("img.lazyload").lazyload(); </script> <script type='text/javascript'> gtag('event','book'); var book_slug="41qm7q03qo2e" $(document).ready(function() { $.post("/api/book/stat/"+book_slug,{'_token':$("meta[name='csrf-token']").attr("content")},function(data,status){ //alert("Data: " + data + "nStatus: " + status); }); var newVisitor = isNewVisitor(); if(newVisitor === true) { // 动画弹出消息框 // alert('您是新用户！'); // 标记：已经向该访客弹出过消息。30天之内不要再弹 console.log("dddd") setCookie("gznotes-visited", "true", 5); } else { // } }); function isNewVisitor() { // 从cookie读取“已经向访客提示过消息”的标志位 var flg = getCookie("gznotes-visited"); if(flg === "") { return true; } else { return false; } } // 写字段到cookie function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toUTCString(); document.cookie = cname + "=" + cvalue + "; " + expires + ";path=/"; } // 读cookie function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i = 0; i < ca.length; i++) { var c = ca[i]; while(c.charAt(0) == ' ') c = c.substring(1); if(c.indexOf(name) == 0) return c.substring(name.length, c.length); } return ""; } </script> </body> </html>

得书 - 好书推荐、正版图书免费阅读