发表于: 2017-04-08 21:54:05
3 611
今天完成的事情:css-task3
1.margin 标签与标签之间的距离,处于元素边框之外。
2.padding 元素边框与内容之间的距离,可以和内容一起撑起元素的高度,padding可以控制嵌套的两个div之间的距离。
3.PS切图,切割、导出。
4.用百分比的单位设置元素宽和高,使页面适用于不同的浏览器和设备。
5.元素进行浮动
明天计划的事情:开始css-task4任务学习
遇到的问题: 1.当两个div处于嵌套关系时,设置里面盒子margin-top,外边的div也会一起顶下来,防止外边的div顶下来,可以为外边的div设置一个边框属性。
2.text-align:center和margin:0 auto 都可以使元素水平居中。text-align:center是设置盒子内的文字和图片水平居中;margin:0 auto使盒子水平居中。
3.网页的排版中有标准排版和浮动排版,浮动排版使元素进行水平排布,相同方向上的浮动,先浮动的元素显示在前面,并且元素浮动后元素脱离标准流,如图文混排的应用,并且浮动的元素无法撑起父元素的高度。
收获: 1.学习了CSS中简单的盒子布局
2.PS进行切图
3.页面的自适应布局
评论