当前位置:首页 > 程序设计 >
《从零开始学HTML5+CSS3》电子书封面

从零开始学HTML5+CSS3

  • 发布时间:2019年07月29日 09:48:07
  • 作者:胡晓霞
  • 大小:175.4 MB
  • 类别:Web应用电子书
  • 格式:PDF
  • 版本:超清版
  • 评分:8.9

    Web应用推荐

    从零开始学HTML5+CSS3 PDF 超清版

      给大家带来的一篇关于Web应用相关的电子书资源,介绍了关于零基础学、HTML5、CSS3、零基础学HTML5方面的内容,本书是由机械工业出版社出版,格式为PDF,资源大小175.4 MB,胡晓霞编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:8.6分

      Tags:

      内容介绍

      从零开始学HTML5+CSS3

      内容精选

      1.字符串

      str.charAt(字符串索引),若索引超过字符串长度,返回空。
      str.indexof(“某字符”),找到这个字符顺序第一次出现的索引。
      str.lastIndexof(“某字符”),找到某字符串倒序最后出现的索引,若没有返回-1。
      str.Uppercase(),将str转换为大写。
      str.Lowercase(),将str转换为小写。
      str.substr(2,3),从索引为2开始,向后取3个字符。
      str.substring(2,5),取索引[2,5)的字符。str.substring(5,2)和前者结果一样。
      str.slice(2,5),取索引[2,5)的字符。str.slice(5,2)返回空,不能这么写。
      str=”welcome”,str.split(“e”),以e分割它,得到[“w”,”locm”,”“]。

      2.date

      var d=new Date();
      var year=d.getFullYear();//年
      var month=d.getMonth();//月
      var date=d.getDate();//日
      var hour=d.getHours();//时
      var minute=d.getMinutes();//分
      var second=d.getSeconds();//秒
      var milliseconds=d.getMilliseconds();//毫秒
      可以得到当前的时间。
      月份要加1,如果你想得到3月,那么输入的是2。
      日期具有自动更正的效果。如果你想知道2012年2月多少天,那么var d=new Date(2012,2,0)。

      3.css3新增
      01 :root{
      font-size:62.5%;
      }设置整个页面的文字大小为16px默认*62.5%=10px。

      02 rem,直接设置文字和根元素大小相比,em是和它的父级相比。

      03 新增选择器:
      :first-child,父元素第一个子元素。
      :last-child,父元素最后一个子元素。
      :nth-child(3),父元素的第3个子元素。
      :nth-last-child(3),父元素的倒数第3个子元素。
      :nth-child(3n+1),父元素的第1,4,7…个子元素。
      :nth-child(even/add),父元素的偶/奇数个子元素。
      以上的前提是父元素后面全是这一种子元素,若还有其他类型不同的元素,还要选到它们则要使用type。用法和child原理一样。

      04 伪类
      input{
      outline: none;/* 将浏览器默认的轮廓样式清除 */
      }
      input:focus{
      border:1px solid red;
      }
      input获取焦点时改变input边框样式,input此时type为text。
      input:enabled{
      border:1px solid blue;
      }
      input处于可用状态时改变input边框样式,input此时type为text。
      input:disabled{
      border:1px dashed pink;
      }
      input处于不可用时改变input边框样式,input此时type为text。
      input:checked{
      margin-right: 20px;
      }
      input处于选中状态时改变input边框样式,input此时type为checkbox。

      body ::selection{
      font-size:3rem;
      color:red;
      text-decoration: line-through;
      font-weight: bold;
      };选中状态,就是ctrl+a那种选中样子。

      input:read-only{
      font-size:3rem;
      color:#ff7300;
      }
      input处于只读时改变input边框样式,input此时type为text。
      readonly和disabled区别
      表单元素被提交的两个条件:
      1.元素必须是enabled
      2.元素必须有name属性
      就是disabled不能被提交。

      内容介绍

      《从零开始学HTML5+CSS3》循序渐进地介绍了使用HTML5与CSS3创建Web应用的专业知识,共23章。第1章到第14章主要介绍了HTML5的相关基础知识,包括学习前的准备,HTML5元素、属性和格式化的应用,HTML5视频和音频的应用和控制,使用Canvas和SVG绘制图形,表单与文件API操作,拖放与桌面通知API操作,本地存储与离线应用,多线程与WebSockets编程的技术。第15章到第22章主要介绍了CSS3的特性与用法,包括CSS基础知识,CSS选择器,使用CSS插入内容,设置文本样式、图片样式、背景样式、表单样式、超链接样式和鼠标样式,以及CSS3中滤镜的使用方法等。最后一章通过两个项目案例,对本书所讲内容进行回顾和总结,以提高读者的实战技能。

      目录

      • 第1章 HTML 5 CSS 3学习准备
      • 第2章 HTML元素、属性与结构
      • 第3章 HTML 5音频和视频
      • 第4章 HTML 5 Canvas
      • 第5章 HTML 5 SVG
      • 第6章 Form API
      • 第7章 File API
      • 第8章 拖放API与桌面通知API
      • 第9章 本地存储与离线应用
      • 第10章 Communication API
      • 第11章 Web Workers API与 Web SQL API
      • 第12章 WebSocket API
      • 第13章 地理位置API
      • 第14章 History API
      • 第15章 CSS基础知识
      • 第16章 CSS 3选择器
      • 第17章 使用CSS选择器插入内容
      • 第18章 使用CSS设置文本样式
      • 第19章 使用CSS设置图片与背景样式
      • 第20章 使用CSS设置列表与表单样式
      • 第21章 对超链接和鼠标应用样式
      • 第22章 CSS中的滤镜
      • 第23章 项目实战案例

      以上就是本次介绍的Web应用电子书的全部相关内容,希望我们整理的资源能够帮助到大家,感谢大家对码农之家的支持。

      上一篇:编译与反编译技术实战

      下一篇:Cocos2d-x手机游戏开发与项目实战详解

      展开 +

      收起 -

      下载地址:百度网盘下载
      Web应用 相关电子书
      Web前端开发HTML5/CSS3/jQuery/AJAX从学到用完美实践
      Web前端开发HTML5/CSS3/jQuery/AJAX从学到用完美实践 PDF 高质量扫描版

      本书是著名前端开发大牛阮晓龙老师爽作,HTML5、CSS3、jQuery、AJAX一站搞定,一本真正好学、实用又精彩的书,讲述了用HTML5 CSS3设计构建网站的必备知识,欢迎下载

      立即下载
      HTML5 APP开发从入门到精通
      HTML5 APP开发从入门到精通 PDF 完整影印版

      本书讲述HTML5 实战和CSS3的基础知识,介绍了jQuery Mobile 和Bootstrap实战框架的使用、常用组件的应用,以及jQuery Mobile 的一些高级特性,通过实例介绍了APP开发的全过程

      立即下载
      HTML5+CSS3+JavaScript从入门到精通
      HTML5+CSS3+JavaScript从入门到精通 PDF 原书影印版

      本书以基础知识、示例、实战案例相结合的方式详尽讲述了HTML,CSS,JavaScript及目前最新的前端技术

      立即下载
      精通CSS:高级Web标准解决方案
      精通CSS:高级Web标准解决方案 PDF 源码第3版

      《精通CSS:高级Web标准解决方案(第3版)》PDF,有目录,428页,文字可以复制;配套源代码。本书是CSS设计经典图书升级版,结合CSS近年来的发展,尤其是CSS3和HTML5的特性,对内容进行了全面改写。

      立即下载
      HTML+CSS+DIV网页设计与布局
      HTML+CSS+DIV网页设计与布局 PDF 全书扫描版

      本书主要内容包括认识网站开发、网页文字和图片、超链接、表格、多媒体、滚动字幕、列表、表单、框架、设置文本样式、设置网页背景样式、设置边框和边距样式、设置表格和列表样式、控

      立即下载
      CSS世界
      CSS世界 PDF 完整版

      本书从前端开发人员的需求出发,全面且深入地讲解前端开发人员必须了解和掌握的大量的CSS知识点,是一本CSS深度学习的书,介绍了大量许多前端开发人员都不知道的CSS知识点

      立即下载
      读者心得
      123小时4分钟前回答

      js 获取html5的data属性实现方法

      我以前一直以为只能用jquery的data()来获取 哈哈 是我太弱了 !DOCTYPE htmlhtmlhead titledataset/title meta charset="utf-8"/headbody div id='div' data-index='demo' /div/bodyscript type="text/javascript"var a = document.getElementById('div');console.log(a)console.log(a.dataset.index)//demo/script/html 直接用dataset就可以获取到DOM元素的data属性 好吧,还可以 用js的获取属性的方法getAttribute() a.getAttribute('data-index')=="demo" 以上这篇js 获取html5的data属性实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持码农之家。 ……

      7小时41分钟前回答

      vue-router的HTML5 History 模式设置

      VUE是当下最火爆的前端框架之一,vue-router是vue项目中几乎都会用到的组件,然而体验一时爽,其实坑不少。本篇经验将详细介绍vue-router的两种mode效果和开发测试环境下的问题,并给出解决方案。 vue-router的HTML5 History 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 const router = new VueRouter({ mode: 'history', routes: [...]}) 当你使用 history 模式时,URL 就像正常的 url,例如 http://yoursite.com/user/id, 就是长这样的! 不过这种模式要玩好,还需要后台配置支持。因为我们的应用是个单页客户端应用,如果后台没有正确的配置,当用户在浏览器直接访问 http://oursite.com/user/id 就会返回 404,……

      8小时58分钟前回答

      原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果

      本文实例讲述了原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果。分享给大家供大家参考,具体如下: !DOCTYPE htmlhtml lang="en"headmeta charset=gbktitlewww.jb51.net 粒子效果演示/titlemeta name="description" content="HTML5/canvas demo, 500 particles to play around with." /meta name="keywords" content="html5,canvas,javascript,particles,interactive,velocity,programming,flash" /style type="text/css"html, body {text-align: center;margin:0;padding:0;background: #000000;color: #666666;line-height: 1.25em;}#outer {position: absolute;top: 50%;left: 50%;width: 1px;height: 1px;overflow: visible;}#canvasContainer {position: absolute;width: 1000px;height: 560px;top: -280px;left: -500px;}canvas {border: 1px solid #333333;}a {color: #00CBCB;text-decoration:none……

      61小时55分钟前回答

      Vue开发Html5微信公众号的做法

      一、调起微信支付 在微信浏览器里面打开H5网页中执行JS调起支付,WeixinJSBridge内置对象在其他浏览器中无效。 具体参考官方文档:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7index=6 (1)大致流程: (2)调用代码示例: mounted(){ if (typeof WeixinJSBridge == undefined) { if (document.addEventListener) { document.addEventListener( WeixinJSBridgeReady, this.onBridgeReady, false ); } else if (document.attachEvent) { document.attachEvent( WeixinJSBridgeReady, this.onBridgeReady ); document.attachEvent( onWeixinJSBridgeReady, this.onBridgeReady ); } } else { this.onBridgeReady(); }}methods:{ // 调起微信支付 onBridgeReady() { const pay_params = this.payInfo; //创建支付返回的签名信息 WeixinJSBridge.invoke( ……

      码农之家

      宋雅丹 提供上传

      资源
      29
      粉丝
      30
      喜欢
      67
      评论
      4

      Copyright 2018-2021 www.xz577.com 码农之家

      版权投诉 / 书籍推广:520161757@qq.com