人机交互原理及应用第四次实验报告

学习了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的基本操作，想要熟练使用需要多多进行练习。