过渡3;transition-timing-function属性;定义和用法;属性值;cubic-bezier(n,n,n,n)属性值可通过下图去理解：; ;transition-delay属性;定义和用法;定义和用法; ;总结;;小任务 ;THANKS

过渡4 transition属性 01 定义和用法 transition属性是一个复合属性，用于在一个属性中设置transition-property、transition-duration、transition-timing-function、transition-delay四个过渡属性。其基本语法格式如下： transition：property duration timing-function delay; 定义和用法 注意事项： Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transition 属性。Safari 支持替代的 -webkit-transition 属性。Internet Explorer 9 以及更早版本的浏览器不支持 transition 属性。 请始终设置 transition-duration属性，否则时长为 0，就不会产生过渡效果。 使用transition属性设置多个过渡效果时，它的各个参数必须按照顺序进行定义，不能颠倒。 定义和用法 例：实现鼠标滑动到div上，停留0.9秒后以width方向过度，过度

z-index层叠等级属性 z-index层叠等级属性 01 z-index层叠等级属性 当对多个元素同时设置定位时，定位元素之间有可能会发生重叠。 定位导致重叠 z-index可以调整重叠定位元素的堆叠顺序，其取值可为正整数、负整数和0。z-index的默认值是0。 解决重叠问题 z-index层叠等级属性 值 描述 auto 默认堆叠顺序与父元素相等。 number 设置元素的堆叠顺序,可为负值。 说明 注意：z-index属性仅对定位元素有效。 语法格式 z-index: auto | ; z-index层叠等级属性 示例：设置相对定位的盒子z-index层叠等级依次降低 #one { z-index: 3; } #two{ z-index: 2; } #three { z-index: 1; } 总结 03 了解当多元素发生重叠时可使用z-index属性调整重叠顺序 熟知掌握z-index属性的语法格式能熟练运用 总结 THANKS

边距属性 边距属性 01 CSS的边距属性包括“内边距”和“外边距”两种 内边距 外边距 外边距 内边距（内填充） padding-top:上边距; padding-right:右边距; padding-bottom:下边距; padding-left:左边距; padding：四边内边距; 注意：内边距padding不允许使用负值 padding:5px /*四个方向内边距为5像素宽度*/ padding:5px 3px /*上下内边距为5像素，左右内边距为3像素*/ padding:5px 3px 4px /*上内边距为5像素，左右内边距为3像素，下内边距为4像素*/ 边距属性 CSS的边距属性包括“内边距”和“外边距”两种 内边距 外边距 外边距 内边距 外边距（margin） margin-top:上外边距; margin-right:右外边距; margin-bottom:下外边距; margin-left:左外边距; margin:四边外边距; margin:5px /*四边外边距为5像素宽度*/ margin:5px 3px /*上下外边距为5像素，左右外边距为3像素*/

HTML5&CSS3网页制作：边框属性.pptx

表单的构成 HTML 表单 01 HTML 表单 表单是HTML网页中的重要元素，利用表单可以使网页从单向的信息传递发展到与用户进行交互对话，并且能够实现网上注册、网上登录、网上交易等多种功能。 HTML 表单 “表单”是网页上用于输入信息的区域，用来实现网页与用户的交互、沟通。例如注册页面中的用户名和密码输入、性别选择、提交按钮等都是用表单相关的标记定义的。 HTML 表单 提示信息 表单域 表单控件 示例：以电商注册页面为例，分析表单的构成。 HTML 表单 一个表单中通常需要包含一些说明性的文字，提示用户进行填写和操作。 相当于一个容器，用来容纳所有的表单控件和提示信息。 包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。 提示信息 表单控件 表单域 说明 总结 02 了解表单大多在什么场景中使用 熟知表单是由提示信息，表单控件，表单域构成 总结 THANKS

创建表单 创建表单 01 创建表单 在HTML5中，

标记被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，

中的所有内容都会被提交给服务器。 描述 语法格式

各种表单控件

说明

与

之间的表单控件是由用户自定义的 action、method为表单标记

的常用属性。 表单属性 action属性用于指定接收并处理表单数据的服务器程序的url地址。 action属性 method属性用于设置表单数据的提交方式，其取值为get或post。 method属性 name属性用于指定表单的名称，以区分同一个页面中的多个表单。 name属性 autocomplete属性用于指定表单是否有自动完成功能。 autocomplete属性 novalidate属性指定在提交表单时取消对表单进行有效的检查。 novalidate属性 表单属性详解 创建表单 示例：实现如下“交规考试选择题”表单 总结 02

HTML5&CSS3网页制作：创建超链接.pptx

嵌入视频和音频 调用网页多媒体文件;调用网页中的音频;用法示例;用法示例;用法示例;调用网页中的视频文件;用法示例;用法示例;总结;;小任务 ;THANKS

分组元素;分组元素简介;分组元素简介;figure元素;hgroup元素;hgroup元素;分组元素实战;分组元素实战;总结;;感