HTML5+CSS3+JS 学习

HTML5+CSS3-语法

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

1.

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

2.设置浮动条:

展示:
在这里插入图片描述
代码图:
HTML5+CSS3+JS 学习_第1张图片

HTML5

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

https://blog.csdn.net/baidu_25343343/article/details/53215193
提示: 链接和图片默认是可拖动的,不需要 draggable 属性。
在这里插入图片描述
HTML5+CSS3+JS 学习_第2张图片

2.HTML 5 Canvas画布



HTML5+CSS3+JS 学习_第3张图片

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

3.HTML5 内联 SVG

HTML5+CSS3+JS 学习_第4张图片

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。】

HTML5+CSS3+JS 学习_第5张图片
每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性,则页面不会被缓存(除非在 manifest 文件中直接指定了该页面)。

你可能感兴趣的:(html+css)