h5和css3有哪些新特性

html-css019

h5和css3有哪些新特性,第1张

H5的新特性:

1. 用于绘画 canvas 元素。

2. 用于媒介回放的 video 和 audio 元素。

3. 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;sessionStorage 的数据在浏览器关闭后自动删除。

4. 语意化更好的内容元素,比如 article、footer、header、nav、section。

5. 表单控件,calendar、date、time、email、url、search。

css3的新特征:

选择器。

2.和透明度。

3. 多栏布局。

4. 多背景图。

5.Word Wrap。

6. 文字阴影。

7.@font-face属性。

8.圆角(边框半径)。

9.边框图片。

10.盒阴影。

11. 盒子大小。

12. 媒体查询。

13.语音。

在HTML中把块的边框做成圆角需要利用css的border-radius属性。

操作步骤:

1、打开Adobe Dreamweaver CC 2015。

2、执行菜单栏中的"文件的新建"命令或按住Ctrl+N键打开"新建文档"对话框,选择其文档类型为HTML,单击"创建"按钮,即创建一个网页文档。

3、在<body>和</body>之间添加"<form></form>",如下图所示。表单使用的<form>标记是成对出现的,在首标记<form>和尾标记</form>之间的部分就是一个表单。

4、在<form>和</form>之间添加"<input name="text" type="submit" value="登录" class="input_box">",如下图所示。

5、在<head>和</head>之间添加"<style type="text/css"></style>",如下图所示。

6、在<style type="text/css">和</style>之间添加".input_box{width:360pxheight:40pxborder-radius:20pxborder-style:nonebackground:#ec6941font-size:14pxcolor:rgba(249,248,248,1.00)}",如下图所示。

7、保存网页文件,按住F12键可以在浏览器中预览效果,如下图所示。

语法说明

输入<input>是个单标记,必须嵌套在表单标记中使用,用于定义一个用户的输入项。

name属性:输入字段的识别名称,传递数据时的参数名称。

type属性:输入字段的类型。button是表单通用按钮。

value属性:表单字段预设数据值。例如用于button、submit、reset等字段类型指的是按钮标签的显示文字。

class属性:对应于网页中的CSS选择器名称。