发表于: 2017-04-13 22:24:31
1 532
今天完成的事情:
1.CSS-task6相关任务
2.bootstrap持续学习
3.html5 和CSS3增加内容了解
明天计划的事情:
1.task7任务
2.继续学习html5和CSS3中的新特性。
遇到的问题:
1.task6头部布局中,有两个盒子,一个处于中部,一个处于最右部。第一种方法采用flex,需要增加一个空的DIV,三个DIV水平排布并设置为space between;第二种方法是中部盒子margin 0 auto水平居中,右部盒子采用绝对定位。
2.task6主体内容的撑起(footer部分挡住主体内容,无法看全主体内容)。第一种方法,在主体内容下部增加一个空盒子,高度与footer相同;第二种方法是设置主体内容padding-bottom,高度与footer相同。
3.task6头部按钮,右边按钮需要盖住一部分左边的按钮,方法是设置左边按钮margin-right为负值。
4.按钮中的文字使用sspan包裹,而不要采用p标签包裹。
5.bootstrap的引入中,要注意引入顺序,第一个bootstrap.min.css;第二个jquery.mis.js;第三个bootstrap.min.js。
(在网上查到jquery.mis.js和bootstrap.min.js这两个文件要放在HTML页面最底部,原因是防止网页未加载完毕而这两个文件先加载可能产生的不必要的问题。 网上这个解释没有理解是什么意思.)
收获:
基本看懂了bootstrap的使用方法,准备在task7中尝试使用,task6中使用方法不当。
评论