标签分类 热门分类
当前位置:首页 > 程序设计电子书 > 前端开发电子书网盘下载
HTML5+CSS3从入门到精通 HTML5+CSS3从入门到精通
35200516

35200516 提供上传

资源
27
粉丝
12
喜欢
187
评论
19

    HTML5+CSS3从入门到精通 PDF 影印标准版

    前端开发电子书
    • 发布时间:

    给大家带来的一篇关于前端开发相关的电子书资源,介绍了关于HTML5、CSS3、入门到精通方面的内容,本书是由水利水电出版社出版,格式为PDF,资源大小248.6 MB,未来科技编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:9.3,更多相关的学习资源可以参阅 程序设计电子书、等栏目。

  • HTML5+CSS3从入门到精通 PDF 下载
  • 下载地址:https://pan.baidu.com/s/1koQm_1LxTOWydD-NXO86m
  • 分享码:uj04
  • HTML5+CSS3从入门到精通 标准版 PDF

    《HTML5 CSS3从入门到精通(标准版)》系统讲解了HTML5和CSS3的基础理论和实际运用技术,通过大量实例对HTML5和CSS3进行了深入浅出的分析。本书分为两大部分,共25章,包括HTML5概述、HTML5文档结构、设计HTML5表单、使用HTML5绘画、使用HTML5多媒体、如何实现Web本地存储、如何实现Web离线应用、如何设计多线程应用、如何实现移动互联网中地图定位等技术、CSS3概述、CSS选择器、定义文本、字体与颜色、设计背景和边框、使用2D变形、设计动画、设计多列和流动网页布局、优化用户界面以及CSS3其他新特性等。

    《HTML5 CSS3从入门到精通(标准版)》配备了极为丰富的学习资源,其中配套资源:325节教学视频(可二维码扫描)、素材源程序;附赠的拓展学习资源:习题及面试题库、案例库、工具库、网页模板库、网页配色库、网页素材库、网页案例欣赏库等。

    《HTML5 CSS3从入门到精通(标准版)》适合作为HTML5 CSS3实战、HTML5入门、HTML5实战、HTML5移动开发方面的自学用书,也可作为高等院校网页设计、网页制作、网站建设、Web前端开发等专业的教学用书或相关机构的培训教材。

    目录

    • 第1章 HTML5基础
    • 第2章设计 HTML5文档
    • 第3章构建 HTML5结构
    • 第4章增强 HTML5表单和页面功能
    • 第5章 HTML5绘图
    • 第6章使用 SVG
    • 第7章使用 HTML5多媒体.
    • 第8章 本地存储
    • 第9章离线应用
    • 第10章多线程处理
    • 第11章文件操作
    • 第12章使用 History
    • 第13章XMLHttpRequest 2
    • 第14章拖放和通知
    • 第15章地理位置
    • 第16章 HTML5 其他应用
    • 第17章 CSS3 基础
    • 第18章 CSS3 选择器
    • 第19章文本样式
    • 第20章色彩和渐变样式
    • 第21章背景和边框样式
    • 第22章 CSS3 盒模型
    • 第23章 CSS3 新布局模型
    • 第24章 CSS3 变形和动画
    • 第25章 CSS3 媒体查询

    上一篇:手把手教你设计CPU:RISC-V处理器篇  下一篇:机器人来了:人工智能时代的人类生存法则

    展开 +

    收起 -

    前端开发 相关电子书
    关于前端开发的学习笔记
    网友NO.654425

    html5的自定义data-*属性和jquery的data()方法的使用示例

    人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情。 你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属性页面上是不显示的,它不会影响到你的页面布局和风格,但它却是可读可写的。 下面的一个代码片段是一个有效的HTML5标记: div id="awesome" data-myid="3e4ae6c4e"Some awesome data/div 可是,怎么来读取这些数据呢?你当然可以遍历页面元素来读取你想要的属性,但jquery已经内置了方法来操作这些属性。使用jQuery的.data()方法来访问这些"data-*" 属性。其中一个方法就是 .data(obj),这个方法是在 jQuery1.4.3版本后出现的,它能返回相应的data属性。 举个例子,你可以用下面的写法读取 data-myid属性值: var myid= jQuery("#awesome").data('myid'); console.log(myid); 你还可以在"data-*" 属性里使用json语法,例如,如果你写出下面的html: div id="awesome-json" data-awesome='{"game":"on"}'/div 你可以通过js直接访问这个数据,通过json的key值,你……

    网友NO.256912

    PHP使用HTML5 FileApi实现Ajax上传文件功能示例

    本文实例讲述了PHP使用HTML5 FileApi实现Ajax上传文件功能。分享给大家供大家参考,具体如下: FileApi是HTML5的一个新特性,有了这个新特性,js就可以读取本地的文件了,然后实现真正的Ajax上传文件了,而不是iframe方法,下面会介绍api的使用,以及实现Ajax上传文件: FileApi使用 定义上传控件: input type="file" name="pic" onchange="selfile();" / 当上传文件后,就会触发 selfile() 函数, selfile() 代码: var files = document.getElementsByTagName('input')[0].files;//fileList对象,文件列表对象,表示有多个文件被上传,如果只有1个文件上传也是fileList对象var files = document.getElementsByTagName('input')[0].files[0];//file对象,表示单个上传文件 Ajax上传文件 效果图: 项目结构图: 11-fileApi.html文件: 页面中主要有一个上传文件按钮,如果有文件上传,onchange事件被响应,selfile函数调用,然后js读取上传文件、把文件名和大小显示在页面中、创建FormData对象并添加数据、ajax上传文件、预览上传文件效果。 !DOCTYPE htmlhtmlhead meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" titlefileApi实现Ajax上传文件/title link rel="stylesheet" href=""script function selfile(){ var file = document.getElementsByTagName('input')[0].files[0];//js读取上传文件 var con = ''; con += '文件名:' + file.name + 'br/'; con += '大小:' + f……

    网友NO.358782

    JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】

    本文实例讲述了JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法。分享给大家供大家参考,具体如下: 矩形包围盒,顾名思义,就是使用一个矩形来包围住图像,矩形的大小以刚好包围住图像为最佳,这种包围盒最适用的场景是刚好物体的形状接近于矩形。 在具体的应用中,描述矩形包围盒的的常用方式有以下两种, 一:采用最小最大顶点法描述AABB包围盒 上图中使用了最小最大顶点法来描述包围盒信息,由于是在屏幕坐标系中,y轴是向下延伸的,所以只需要保留矩形中坐标的最小值和最大值即可,即矩形的左上角和右下角的顶点,其他的点都在这两个点范围内。 在这种情况下要判断两个矩形是否碰撞只需要比较两个矩形顶点的坐标即可,假设矩形 A用(x1, y1)表示左上角,(x2, y2)表示右下角,矩形B用(x3, y3)表示左上角,(x4, y4)表示右下角,则满足下列条件则表示没有碰撞,反之则碰撞。 没碰撞:x1x4 或者x2x3。 没碰撞:y1y4 或者y2y3。 关键代码如下: function hitTest(source, target) { /* 源物体和目标物体都包含 x, y 以及 width, height */ return !( ( ( source.y + source.r ) ( target.y ) ) || ( source.y ( target.y + target.r ) ) || ( ( source.x + source.r ) target.x ) || ( source.x ( target.x + target.r ) ) ); } DEMO代码: !DOCTYPE htmlhtml lang="en"head meta name="viewport" content="width=dev……

    网友NO.511218

    jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】

    本文实例讲述了jQuery+HTML5实现WebGL高性能烟花绽放动画效果。分享给大家供大家参考,具体如下: 运行效果: 完整代码如下: !DOCTYPE htmlhtml class=" -webkit- js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths"headmeta charset="UTF-8"meta name="viewport" content=" initial-scale=1.0, maximum-scale=1.0, user-scalable=no"meta name="format-detection" content="telephone=no"titleHTML5/WebGL高性能烟花绽放动画/titlemeta name="description" content="HTML5/WebGL高性能烟花绽放动画"meta name="keywords" content="HTML5/WebGL高性能烟花绽放动画"stylecanvas { position: absolute; top: 0; left: 0; background-color: #111;}/style/headbodyscript src="jquery-1.11.1.min.js"/scriptcanvas id="c" width="1440" height="304"/canvasscript src="prefixfree.min.js"/scriptscript src="modernizr.js"/scriptscriptvar gl = c.getContext('webgl', { preserveDrawingBuffer: true }), w = c.width = window.innerWidth, h = c.height = window.innerHeight, webgl = {}, opts = { projectileAlpha: .8, projectileLineWidth: 1.3, fireworkAngleSpan: .5, baseFireworkVel: 3, ad……

    Copyright 2018-2019 xz577.com 码农之家

    版权责任说明