采用 DIV+CSS 布局网页练习

实验四：采用 DIV+CSS 布局网页练习

实验目的：

熟悉 DIV+CSS 布局网页的方法

实验要求：

1、制作一个完整网页和一个 css 文件；

2、在网页中采用 DIV+CSS 布局 4 个以上区域；

3、网页中应包括图片和文本内容；

4、网页主题突出、布局合理、设计美观。

 

设计详情：

1.关联 css

2.简单文字显示，利用简单 css 对其样式调整。

3.设置 div 布局 m1--上两个框，m2--下两个框。m1 包括div=mp3，mp4，m2 包括 div=m2-left/right

4.根据布局插入合适的图片与视频，文字运行截图：（链接已接通外部链接，可以听听张韶涵小姐姐的歌，超级好听！！！）

心得体会：

在这次实验中，我学会并熟悉了利用 div 对网页进行布局分块，并且熟悉了 ul 的使用，同时利用 css 样式使得 div 应该处于什么位置，并使网页精美好看，设计合理外观大方。这次的页面终于没有被人说“狗都不要了”，不过还是《盗版网站》风格。可能是配图和颜色搭配的问题。

源码地址：https://github.com/Simmon2333/Web-Test（实验4）