2017年4月2日

弹性布局的学习

摘要： CSS3的出现，让很多以前需要js或者复杂的css代码才能解决的问题变得简单起来。随着现在移动智能设备的越发普及，响应式的页面逐渐变得流行，这类界面会根据浏览器的宽度来做出调整，让自身在当前浏览器上显示良好。从前，若要实现这样的页面，是需要将元素的宽度，长度，外边距等设置为百分数。而现在，CSS3提 阅读全文

posted @ 2017-04-02 16:59 章台清清 阅读(167) 评论(0) 推荐(0)

2017年3月25日

网页实践细节总结

摘要： 前两天，我照着社设计图单纯用html和css实现了一个有些小复杂的页面，发现自己构建的html结构没有达到理想的要求，css代码写的也很乱，所以今天下午我就对这个页面进行了修改，并且对细节的地方进行了总结。 我实现的页面大概就是下图的样子： 先从网页的整体来分析，网页主要分为三个大部分，分别为顶部的 阅读全文

posted @ 2017-03-25 17:09 章台清清 阅读(150) 评论(0) 推荐(0)

2017年3月23日

css垂直居中常用方法

摘要： 前不久毕设写的差不多了，就想复习复习css的内容，对着效果图写了几个页面，发现好多地方都需要垂直居中，情况还多种多样。有单行文本需要垂直居中的、多行文本需要垂直居中的、图片需要垂直居中的、块级元素需要居中的，这些内容让我有些懵，于是今天晚上我就想把垂直居中的方法都总结一下，算是对之前的复习，也顺便帮 阅读全文

posted @ 2017-03-23 21:16 章台清清 阅读(147) 评论(0) 推荐(1)

2017年3月20日

三列布局之双飞翼布局

摘要： 要实现中间列宽度自适应，左右两边固定宽度的三列布局，还可以使用双飞翼的布局方式。这种布局方式始于淘宝UED，同圣杯布局的操作流程非常相似，只是在最后一步有所不同。上一篇博客提到的圣杯布局，最后一步需要使用相对定位，让左右两列分别移动到它们应该待的位置上去。可是，因为用了相对定位，所以布局就显得不那么 阅读全文

posted @ 2017-03-20 20:44 章台清清 阅读(149) 评论(0) 推荐(0)

2017年3月16日

三列布局之圣杯布局

摘要： 左右两列固定宽度，中间列自适应宽度，是非常经典的三列布局，应用场景多为中规中矩的管理系统。 要想实现这样的三列布局，可以使用很多种方法，如绝对值法、浮动法、圣杯法、双飞翼法等，本文首先介绍圣杯法。 该方法的主要用到了浮动、相对定位以及负边距。 圣杯法的主要实现步骤如下所示： 1 html标签布局 先 阅读全文

posted @ 2017-03-16 11:38 章台清清 阅读(424) 评论(0) 推荐(0)

导航