HTML5+CSS3+JS 学习

HTML5+CSS3-语法

学习视频：http://www.php.cn/code/26623.html

1.<style type=“text/css”> </style>

表示这是样式表,在中间放入css内容；type是它的类型属性，text/css是它的值，它们是告诉浏览器这里面的文本内容(text)要当层叠样式表 (css)来解析，不能当作其它的来解析。

2.设置浮动条：

展示：

代码图：

HTML5

1.拖放事件: ondragstart ondragover ondrop 事件

https://blog.csdn.net/baidu_25343343/article/details/53215193
提示： 链接和图片默认是可拖动的，不需要 draggable 属性。

2.HTML 5 Canvas画布

<canvas id="myCanvas" width="200" height="100"></canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.fillRect(0,0,150,75);
</script>

eg:http://www.w3school.com.cn/html5/html_5_canvas.asp

3.HTML5 内联 SVG

4.地理定位

HTML5 Geolocation API 用于获得用户的地理位置。

5. Web 存储： localStorage 、sessionStorage

6.HTML 5 应用程序缓存

http://www.w3school.com.cn/html5/html_5_app_cache.asp
带有 cache manifest 的 HTML 文档（供离线浏览）：
HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。
【浏览器支持：所有主流浏览器均支持应用程序缓存，除了 Internet Explorer。】

每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性，则页面不会被缓存（除非在 manifest 文件中直接指定了该页面）。