CSS3选择器--链接伪类 链接伪类 01 链接伪类 定义超链接时，为了提高用户体验，经常需要为超链接指定不同的状态，使得超链接在点击前、点击后和鼠标悬停时的样式不同。 a:link a:visited a:hover a:active 链接伪类 超链接标记的伪类 含义 a:link{ CSS样式规则; } 未访问时超链接的状态 a:visited{ CSS样式规则; } 访问后超链接的状态 a:hover{ CSS样式规则; } 鼠标经过、悬停时超链接的状态 a:active{ CSS样式规则; } 鼠标点击不动时超链接的状态 总结 02 通过本小节知识了解链接伪类 能够熟练应用链接伪类 总结 THANKS

列表元素 列表元素简介 01 列表元素简介 为了满足网页排版的需求，HTML语言提供了3种常用的列表，分别为： 定义列表 无序列表 有序列表 无序列表 描述 无序列表是网页中最常用的列表，之所以称为“无序列表”，是因为其各个列表项之间没有顺序级别之分，以符号作为子项的标识 ，通常是并列的。 无序列表 定义 说明 使用

标记定义无序列表，该标记中包含多组

标记，用于描述具体的列表项。

标记用于定义无序列表
• ...
语法格式
• 标记用于描述具体的列表项 无序列表 示例：完成如下所示无序列表效果 有序列表 描述 有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列。 有序列表
  标记用于定义有序列表 定义 有序列表用
  标记表示，必须成对出现，列表内容用
  标记表示，内容前面的符号一般有：字母、数字和罗马数字等。 语法格式
  1. ...
  说明 有序列表 示例：完成如下所示有序列表效果 定义列表 描述 定义列表由一组词语和响应的定义组

全局属性;全局属性简介;全局属性简介;draggable属性;draggable属性;hidden属性;spellcheck属性;spellcheck属性;contenteditable属性;contenteditable属性;总结;总结;感

HTML5&CSS3网页制作：认识transform.pptx

变形--3D转换;3D转换—与2D转换的区别;3D转换—与2D转换的区别;3D转换—与2D转换的区别;3D转换--旋转;3D转换—旋转;3D转换—旋转;3D转换—旋转;3D转换—旋转;3D转换—旋转;3D转换—旋转;3D转换—旋转;3D转换—旋转;3D转换—旋转;3D转换—旋转;3D转换—属性和其他方法;3D转换--属性和其他方法;3D转换--属性和其他方法;总结;;THANKS

动画属性3;animation-iteration-count属性;animation-iteration-count属性;animation-delay属性;animation-delay属性;animation-direction 属性;animation-direction 属性;animation-direction 属性;animation-direction 属性;animation属性;animation属性;animation属性;animation属性;总结;;THANKS

动画属性1;animation-name属性;animation-name属性;animation-name属性;animation-duration属性;animation-duration属性;动画属性实例;动画属性实例;总结;;THANKS

动画属性2;animation-timing-function属性;animation-timing-function属性;animation-timing-function属性;cubic-bezier(n,n,n,n)属性值可通过下图去理解：;animation-timing-function属性;animation-timing-function属性;总结;;THANKS

CSS3径向渐变 径向渐变 01 径向渐变 CSS3径向渐变是圆形或椭圆形渐变。颜色不再沿着一条直线轴变化，而是从一个起点朝所有方向混合。 background-image:radial-gradient(渐变形状 圆心位置,颜色值1,颜色值2...,颜色值n); 描述 语法格式 说明 radial-gradient用于定义渐变的方式为径向渐变，括号内的参数值用于设定渐变形状、圆心位置和颜色值。 径向渐变 渐变形状用来定义径向渐变的形状，其取值即可以是定义水平和垂直半径的像素值或百分比，也可以是相应的关键词。 渐变形状 圆心位置用于确定元素渐变的中心位置，使用“at”加上关键词或参数值来定义径向渐变的中心位置。 圆心位置 “颜色值1”表示起始颜色，“颜色值n”表示结束颜色，起始颜色和结束颜色之间可以添加多个颜色值，各颜色值之间用“,”隔开。 颜色值 径向渐变 background: radial-gradient(30% 70%, farthest-side, blue, red) 示例：设置红色，蓝色的径向渐变 总结 02 总结 掌握径向渐变书写形式 了解什么是CSS径向渐变 THA

CSS3线性渐变 CSS3渐变属性 01 CSS3渐变属性 在CSS3之前如果需要添加渐变效果，通常要设置背景图像来实现。而CSS3中增加了渐变属性，通过渐变属性可以轻松实现渐变效果。 CSS3渐变属性 css3中定义了两种渐变类型：线性渐变和径向渐变。线性渐变是指两个或者两个以上颜色之间显示平稳的过渡的动画效果，我们一般在css3中使用新增的gradients属性实现这个效果，我们根据渐变的方向分为从上至下、从右至左和对角渐变，其中默认的方向是从上向下渐变。 描述 线性渐变 02 线性渐变 描述 在线性渐变过程中，起始颜色会沿着一条直线按顺序过渡到结束颜色。 语法格式 background-image:linear-gradient(渐变角度,颜色值1,颜色值2...,颜色值n); 说明 linear-gradient用于定义渐变方式为线性渐变，括号内用于设定渐变角度和颜色值。 线性渐变 渐变角度指水平线和渐变线之间的夹角，可以是以deg为单位的角度数值或关键词。 渐变角度 颜色值用于设置渐变颜色，其中“颜色值1”表示起始颜色，“颜色值n”表示结束颜色，起始颜色和结束颜色之间可以添加