正文
采用 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）
