发表于: 2018-08-07 14:49:59

1 1504


Today

1.昨天的日报今天再写一遍,好气啊!


2.vertical-align:

    1、只有元素属于inline或是inline-block ,vertical-align属性才会起作用。 
    2、vertical-align,取值是百分数值时,是相对于此标签继承的line-height值决定的。 
    3、line-height,取值是百分数值时,是相对于当前的font-size值决定的。 

        我一开始对块元素使用了,所以没有效果


3.border可以分别设置4条边,一开始切图还特意把那条蓝线切下来...好傻逼哦

border:thin medium thick 自定义  solid color


4.header遮挡文本内容,用z-index:999解决


5.子绝父相定位居中,是上下左右都居中


6.margin-left:auto.margin-left:auto对浮动和绝对定位无用


7.position:fixed 页面滑到底部内容被footer挡住,在footer上面增加一个空div,设置高度和footer一样


8.自我介绍一栏没用position写出来,用了flex.本来想用inline-block,但还要消除中间空白,好麻烦.虽然header用了这种.一开始出现的问题就是用两个span写了:



9.百分比值都是取决于父对象,给body设置height:100%

Tomorrow

1.用display:flex做一遍

2.来得及的话看下个任务


Gain

1.页面布局更了解了吧,盒子模型

2.做了啥就是收获啥吧,没啥好说的..

Problem

1.清除浮动还没用过,看了一下也不懂,什么overflow巴拉巴拉的,可能实际要用到才会明白吧

2.我的section不对,这个absolute到底几个意思...



返回列表 返回列表
评论

    分享到