发表于: 2017-03-09 22:50:54
1 747
今天完成的事情
1、进行任务8
初步完成了任务8的首页,使用了bootstrap的栅格系统进行了布局。但还存在一些细节问题没有处理
nav部分设置背景色后,使用ul li,通过display:inline-block,在设置字体
main部分,通过栅格系统布局, 填充内容。
footer部分,也是通过栅格系统布局,然后填充内容。
明天计划的事情
1、完成8的推荐页
header部分和首页一样,直接导入首页的样式
nav部分也是一样的,也是直接导入首页的样式
main部分则通过栅格系统布局。
footer部分也是和首页一样,也是直接导入样式
遇到的问题
栅格里的内容,居中调整比较困难。
收获
进一步的熟悉了bootstrap栅格系统。
小课堂
浮动 float :left,right
消除浮动的方法:1,父级div定义 height 。2,结尾处加空div标签 clear:both 。3,父级div定义 伪类:after 和 zoom
4,父级div定义 overflow:hidden 。5,父级div定义 overflow:auto 。6,父级div定义 display:table
评论