上传者: lxidw7
|
上传时间: 2021-05-24 14:03:11
|
文件大小: 16KB
|
文件类型: HTML
用了2小时写了一套学生作业水准的网站首页,希望这篇文章和代码能让更多新手了解HTML DIV+CSS布局的方法和原理…该网站的主题为《去旅行吧》,整个首页下来有1800字符的代码量,当然你可以直接将首页提交作业使用但记得修改网页内的版权信息栏,也可以根据首页框架去试着做出自己主题的页面以及几个超链接页面,一般的作业需要4-6个页面左右【截图及源码在下方】。
这个首页代码运用了DIV盒子的使用方法,如盒子的嵌套、浮动、margin、border、background等属性的使用,外部大盒子设定居中,内部左中右布局,下方横向浮动排列,大学学习的前端知识点和布局方式都有运用,CSS的代码量也很足、很细致,使用hover来完成过渡效果、鼠标滑过效果等,使用表格、表单补充模块,为方便新手学习页面中没有使用js有需要的可以自行添加。