H5&CSS3实践总结
文章平均质量分 90
meishanxu
这个作者很懒,什么都没留下…
展开
-
css布局总结
三栏式布局任务要求是完成如下图所示布局: 有两种方案可实现任务要求的效果:1、利用float实现浮动布局首先需要定义父元素的宽高,不定义也可以,不过这样会影响同级兄弟元素的布局,建议定义父元素宽高。.container{ margin: 2%; height: 500px; border: 1.5px solid rgba(37, 74, 86, 0.68);}对每个子元原创 2017-11-09 17:03:36 · 426 阅读 · 0 评论 -
css居中解决方案及思考
这段时间在做百度前端技术学院的任务,自己总结了许多细节方面的改进和体会,css中主要分为两部分:一是如何利用css进行布局,具体内容请看我上一篇博客《css布局总结》;二就是如何解决css居中布局。简单来说,css布局有以下三个方案: (一)text-align和vertical-align 对父元素设置text-align: center或vertical-align: middle,只对子元原创 2017-11-09 17:14:56 · 431 阅读 · 1 评论 -
使用HTML/CSS实现一个复杂页面--随笔
从开始做任务九到最终完善全部代码大约花了2天时间,零零散散,从刚开始看到题目心想:“这么怎么复杂”,看到其他同学完成的优秀代码时心想:“肯定是用了插件”的不可思议情绪后,到最后自己一步步完美完成,才发现自己之前在山脚下看山峰是有多幼稚,一步一个脚印往上爬,看到山顶太阳的时候,恍然大悟,心旷神怡!谢谢自己的坚持,慢慢地感受和享受着自我提升的过程。总的来说,惊喜的有以下几点: 1、利用input标签中原创 2017-11-09 17:18:24 · 874 阅读 · 0 评论 -
margin合并问题思考
最近做任务的时候发现margin-top存在一个很奇怪的现象,就是父级盒模型不加padding或border的时候内部文档流中第一个子集的margin-top会将父元素向下拉去,导致父级“下陷”,如下图所示: 从图一中可以看出,子集盒模型已设置margin-top值,但从图二中可以看出父级盒模型的content顶部明显下降,并非是我们想要的效果。这是常见的margin合并原创 2018-02-01 21:50:59 · 488 阅读 · 0 评论