人机交互原理及应用第四次实验报告
学习了CSS的基本语法后，本次实验是进行CSS的强化训练。
过程
第一题：
第一题
本题只是简单的利用div进行排版。先设置一个宽度为960px的div，在div内继续进行分块，各分块的参数已经给出。
CSS（1）
HTML（1）
效果（1）
第二题：
第二题
本题训练的是对列表的使用。对列表的各个属性进行超链接和编辑格式。
CSS（2）
HTML（2）
效果（2）
第三题：
第三题
本部分也可以先利用ul结构制作出基本的框架。
HTML（3）
利用margin设置空白，border设置边框，list-style-type去掉额外的标点，color设置颜色，在a:hover中设置鼠标悬浮时的特殊样式
CSS（3）
效果（3）
总结
本次实验学习使用了css的盒子模型，设置盒子模型的位置，大小，颜色等属性；学习了无序列表的基本使用，基本属性设置；学习了链接的四种状态；在编辑页码时使用了多种选择器组合对象。以上属于css的基本操作，想要熟练使用需要多多进行练习。
网友评论