web2CSS基础应用手册实验_第1页
web2CSS基础应用手册实验_第2页
web2CSS基础应用手册实验_第3页
web2CSS基础应用手册实验_第4页
web2CSS基础应用手册实验_第5页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、实验报告册 2020-2021 学年 第二 学期课程名称： Web前端开发技术A 学 院：计算机科学与技术学院专 业： 软件工程 班 级： xxx 学 号： XXXXXXX 学生姓名： XXXX XXX学院实验报告实验项目 CSS基础应用 实验日期 2021年5月7日 班 级 软件工程 姓 名 XXXX 指导教师 XXXXX 综合成绩 一、预习内容1、实验目的和要求（1）掌握CSS选择器的使用方法；（2）掌握CSS文本和段落的修饰属性；（3）掌握CSS盒模型的概念和用途、 方法；（4）掌握CSS定位的使用方法和常用属性；（5）会使用盒模型和CSS定位进行网页排版。2、实验内容和原理利用所学的C

2、SS样式，设计如下图所示效果3、实验所用主要仪器设备（或实验环境）Win7+Hbuilder+浏览器4、实验方案设计(思路、步骤和方法等)本次实验主体由两个盒子组成，主要是第一个盒子开始设置盒子宽高，列表的运用使用行内块的转换，浮动使电话图片和文字在一行，接着项目介绍图片外边距移动位置。文本块内边距靠右，里边h4、p的文本大小居中文字颜色设置。本快背景设置图片background-image、不平铺在左下方。最后一个盒子文本居中设置字体颜色，背景颜色。二、实验数据（现象）记录及结果处理实验结果：三、实验结果分析与讨论（对实验结果进行具体分析，并对实验中出现的问题或错误原因分析，以及改进的办法与

3、建议） 本次实验是简单CSS选择器的使用方法，CSS文本和段落的修饰属性；CSS盒模型的概念和用途，方法；掌握CSS定位的使用方法和常用属性；会使用盒模型和CSS定位进行网页排版。实验过程中没有什么大问题，但对于图片的方法背景background-image以及img使用不能更好判断使用那个。教师评阅意见 （1）实验预习 (30分)成绩： 预习认真、熟练掌握方法与步骤(3028) 有预习、基本掌握方法与步骤(2722)有预习、但未能掌握方法与步骤(2118) 没有预习，不能完成实验(170)（2）操作过程 (40分)成绩： 遵规守纪、操作熟练、团结协作 (4037) 遵规守纪、操作正确、有协作 (3629) 遵规守纪、操作基本正确、无协作 (2824) 不能遵规守纪、操作不正确、无协作(230) （3）结果分析 (30分)成绩： 结果详实、结论清晰、讨论合理(3028) 结果正确、讨论适当(2722) 结果正

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论