03 2017 档案
摘要:今天看切图教程时发现一个有趣的设计,即三角形,之前接触的都是矩形,三角形我们该怎么设计的。 首先我们需要知道的是,CSS中矩形边相交的地方都有一个突出的棱角,知道了这点,原理则不难解释。 当我们把div的宽高都设置为0时,那么就只剩下了边框,通过设置边框的厚度和颜色,我们就可以来设置各种三角形。 可
阅读全文
摘要:这次的任务是在第一次完成的基础上,将它们实现两栏式分布;效果图如下(由于截图不全的原因,底部还有footer部分没有显示出来): 尝试了很多思路,都没有很好的方案,最终选择了这种:只让右边的侧栏脱离文档流,并且在HTML代码结构当中,让它位于左边的div的上面,然后利用float让其脱离文档流,即可
阅读全文
摘要:这次的样式图为 注意事项中,想让灰色div随着内容高度自适应变化的方法是:给该div设置最小高度即min-height,再设置height为auto即可。 另外,position为absolute是相对父级元素为relative或者为absolute的元素而言的。 具体到这个任务当中,主要的难点是如
阅读全文
摘要:第一篇前端技术博客,哈哈,紧张。废话少说,开始记录吧。 这次的小任务是将给定的页面图,自己实现出来,页面图是这个样子的: 即三栏式布局,下面分条记录自己遇到的困难与解决的办法: 困难一:如何将团队logo与团队名称并排显示,并且使得团队名称在相应的位置上? 解决:将团队logo左浮动,这样就会使得它
阅读全文

浙公网安备 33010602011771号