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

文档介绍：该【《使用HTML5实现响应式布局》第五章-CSS3基础-实践学习资料 】是由【清晨】上传分享，文档一共【9】页，该文档可以免费在线阅读，需要了解更多关于【《使用HTML5实现响应式布局》第五章-CSS3基础-实践学习资料 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。第五章 CSS3基础
实践目标
在页面中添加样式代码
制作多状态超链接图片按钮
任务一：在页面中添加样式代码
在HTML5页面中，添加样式代码
在页面中添加样式，使h3标签为红色，em标签在被h3标签包含时显示16像素大小字体，不被包含时显示26像素大小字体
在Dreamweaver CC中新建文档，编写h3、em标签及文本内容
使用style标签和元素选择符创建样式
保存文档并通过浏览器查看运行效果
在页面中添加样式代码
在页面中添加样式代码
为HTML5页面添加样式，使h1标签的字体大小为16像素
任务二：制作超链接图片按钮
使用HTML5制作图片按钮，可提供两种显示状态
使用素材图片作为按钮图片，编写CSS3实现超链接图片按钮效果。
支持默认样式和鼠标悬停样式两种效果
制作超链接图片按钮
创建HTML5文档，编写a标签。
定义CSS3，使用伪类选择符定义超链接样式。
制作超链接图片按钮
定义CSS3样式实现超链接效果
要求超链接支持默认样式和鼠标点击样式两种效果，默认样式为14像素的字体大小，无下划线的蓝色加粗文字
鼠标悬停样式为36像素的字体
END