发表于: 2017-04-19 22:22:43
1 1007
今天完成的事情
完成任务6遗留问题
完成任务7,待师兄审核
收获
准备任务8,看了页面有了大致的布置思路,去网上查看相关方法
学习了三种三栏布局自适应的方法
绝对定位法:左右两栏绝对定位,中间的主体设置左右margin
margin负值法:中间主体部分使用双层标签,外层width设置100%,并且设置浮动,内层为主体部分,左右两栏采用margin负值定位,左栏左浮动,margin-left设置-100%,右侧同样左浮动,设置margin-left负值为本身的宽度
自身浮动法:要把主体标签放在最后,左栏左浮动,右栏右浮动,不足之处是要避免使用clear:both
几种display:table-cell的应用
使用display:table-cell让大小不固定的元素垂直居中
display:table-cell可以用在两栏自适应
display:table-cell实现多列等高布局
昨天对于任务7三个页面基本完成,剩余对各跳转部分加入超链接跳转页面,为了实现将div变成button不改变任何样式,实现方法为:
<a>元素嵌套<button>,button元素的border/outline/background设置值为none即可
遇到的问题
对于将要开始的任务8,觉得突然要加入很多新知识,所以思路有点乱,今天对页面1顶部布局时,引用bootstrap导航菜单
然后css
只有font-size生效,color line-height都未生效,在ul添加类名后,再设置也同样未生效,还不知道原因
明天计划的事情
讲小课堂
任务8进度加速,多敲多问
评论