《使用HTML5实现响应式布局》第五章-CSS3基础-实践学习资料.pptxVIP

第五章CSS3基础

实践目标在页面中添加样式代码制作多状态超链接图片按钮

任务一：在页面中添加样式代码在HTML5页面中，添加样式代码在页面中添加样式，使h3标签为红色，em标签在被h3标签包含时显示16像素大小字体，不被包含时显示26像素大小字体

在DreamweaverCC中新建文档，编写h3、em标签及文本内容使用style标签和元素选择符创建样式保存文档并通过浏览器查看运行效果在页面中添加样式代码

在页面中添加样式代码为HTML5页面添加样式，使h1标签的字体大小为16像素

任务二：制作超链接图片按钮使用HTML5制作图片按钮，可提供两种显示状态使用素材图片作为按钮图片，编写CSS3实现超链接图片按钮效果。支持默认样式和鼠标悬停样式两种效果

制作超链接图片按钮创建HTML5文档，编写a标签。定义CSS3，使用伪类选择符定义超链接样式。

制作超链接图片按钮定义CSS3样式实现超链接效果要求超链接支持默认样式和鼠标点击样式两种效果，默认样式为14像素的字体大小，无下划线的蓝色加粗文字鼠标悬停样式为36像素的字体

END