发表于: 2017-04-19 22:22:43

1 1008


今天完成的事情

完成任务6遗留问题

完成任务7,待师兄审核

收获

准备任务8,看了页面有了大致的布置思路,去网上查看相关方法

学习了三种三栏布局自适应的方法

绝对定位法:左右两栏绝对定位,中间的主体设置左右margin

margin负值法:中间主体部分使用双层标签,外层width设置100%,并且设置浮动,内层为主体部分,左右两栏采用margin负值定位,左栏左浮动,margin-left设置-100%,右侧同样左浮动,设置margin-left负值为本身的宽度

自身浮动法:要把主体标签放在最后,左栏左浮动,右栏右浮动,不足之处是要避免使用clearboth

                                             

 

几种displaytable-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进度加速,多敲多问



返回列表 返回列表
评论

    分享到