- 1、本文档共12页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
实践6 网页换上新装
实践目标
使用CSS样式重构百度首页
使用CSS样式制作百度登录与注册页面
使用HTML标签组织百度页面
任务1:重构百度首页
制作百度首页,使用HTML标签组织网页内容,使用CSS样式表修饰网页,不要通过HTML标签的属性修饰网页。
使用标签组织网页
使用div为页面布局。
添加HTML标签。
使用CSS样式修饰页面内容。
使用内嵌样式表
添加CSS代码修饰百度首页
修饰百度首页
使用CSS代码修饰百度首页
使用内嵌样式表
修饰百度首页
右对齐,与上边和右边相距15px,字体12px,颜色为#00c
居中对齐,超链接字体14px,颜色#00c
按钮背景图片见素材,高度32px,宽度95px,无默认的边框,填充,边界
输入框边框1px,实线,颜色 #ccc,宽度418px,高度30px
居中对齐,段落上外边距为10px,字体12px,颜色为#00c
居中对齐,段落上外边距为10px,字体12px,颜色为#666
清除页面中body标签和p标签的默认样式,并进行设置
设置顶端层中元素的相关样式
设置中间层中元素的样式
设置底端层中元素的样式
修饰百度首页
制作百度登录页面
任务2:制作百度登录与注册页面
使用HTML标签与CSS样式制作百度登录页面
任务2:制作百度登录与注册页面
层左右居中,上外边距100px
宽度500px,高度300px
输入框宽258px,高24px
背景颜色#289cef,无默认边框与填充
制作百度登录页面
在页面中添加标签,表单元素使用表格布局。
在页面中添加内嵌样式,修饰各元素。
margin:0px auto; /*该样式能实现元素自身的居中显示*/
实现百度的注册页面
练习2:制作百度注册页面
实现百度的注册页面reg.html
使用html标签组织页面内容
使用css样式修饰页面内容
点击首页中的注册,跳转至该页面
文档评论(0)