Html5与CSS3权威指南 百度云下载 链接:http://pan.baidu.com/s/1hq6Dlvm 密码:php3…
title: HTML5与CSS3权威指南之CSS3学习记录 toc: true date: 2018-10-14 00:06:09 学习资料--<HTML5与CSS3权威指南>(第3版) 官方网站: 华章图书 书中所有代码下载链接: 链接:http://pan.baidu.com/s/1c0oGMn2 密码:f7zt 选择器 属性选择器 [att=val]选择器--选择属性att值为val的元素 [att*=val]选择器--选择属性att值包含val的元素 [att^=val]选择器--选…
第1章 <!DOCTYPE html> <meta charset = "UTF-8"> <title> Search </title> <form> <p> <label>Search:<input name="search" autofocus></label> </p> </form> <!DOCTYPE> <h…
一.教程重点:以 HTML5和CSS3的新功能和新特性 为导向,辅之以 实战型实例页面 二.内容概况: 第1部分:详细讲解HTML5相关知识,包括 各主流浏览器对HTML5的支持情况. HTML5与HTML4在语法上的区别. HTML5的结构元素. 表单与文件.   图形绘制.   多媒体播放. 本地存储.   离线应用. 通信API. Web Workers. 地理位置获取等 第2部分:CSS3的相关知识,包括  选择器.  文字与文字的样式. 颜色的样式. 盒的样式. 背景与边框的样式. 布…
第11章 获取地理位置信息 HTML5为window.navigator对象新增了一个geolocation属性 取得当前地理位置 void getCurrentPosition(onSuccess,onError,options); 第一个参数为获取成功执行的回调函数,第二个为失败时执行的回调函数,第三个为一些可选属性的列表(第二个和第三个可选) navigator.geolocation.getCurrentPosition(function(position){ //获取成功时的处理(参数…
兼容解决 HTML5是在低版本的浏览器(IE8-)的兼容是有限的,类似很多结构性的标 签<header>.<section>.<footer>等在IE8以下不会被识别.有什么方法能实现兼容呢?在 高级浏览器能使用上这些标签,增强语义化:而在低级浏览器(包括IE6)上表现不会出错.那就需要引入html5.js这个文件. 如何使用 既然是只有IE低版本需要使用,那就需要做个判断. <!--[if lte IE 8]> <script type="…
第一章:Web时代的变迁 HTML5放心使用的理由: 兼容性:HTML5在老板本的浏览器上也可以正常运行: 实用性:HTML5内部并没有封装什么很复杂的,不切实际的功能,而只是封装了简单实用的功能: 非革命性的发展:HTML5的内部功能不是革命性的,只是发展性的. 第二章:HTML5与HTML4的区别 1.DOCTYPE声明: <!DOCTYPE html> 2.指定字符i编码: <meta charset = "UTF-8"> 3.不允许写结束标记的元素有:a…
第二章 1.内容类型:“text/html”.DOCTYPE声明:<!DOCTYPE html>.指定字符编码:<meta charset="utf-8"> 2.不允许写结束标记的元素有:area,base,br,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr 可以省略结束标记的元素有:li,dt,dd,p,rt,rp,optgroup,option,colgroup,…
第9章 通信API 跨文档消息传输 HTML5提供了网页文档之间互相接收与发送信息的功能,不仅同源(域+端口号)的Web网页之间可以互相通信,甚至可以实现跨域通信 想要接受从其他窗口发过来的信息,要对窗口对象的message事件进行监视 window.addEventListener("message",function(){...},false); 使用window对象的postMessage方法向其他窗口发送消息 otherWindow.postMessage(message,ta…
拖放API HTML5实现了直接拖放操作API,简化HTML4利用mousedown.mousemove等事件实现的操作 实现拖放的步骤 1要将被拖动元素的draggable属性设置为true,img元素与a元素(必须指定href)默认允许拖放 2编写有关拖放的事件处理代码 DataTransfer对象的属性与方法 设定拖放时的视觉效果 dropEffect属性(目标元素)与effectAllowed属性(源元素)结合起来可以设定拖放时的视觉效果, 1如果effectAllowed属性设定为no…