学习

compass

看了看sass的资料才发现，2007年就有sass了，那时候我还在啃泥巴。compass也是好多年前就有了。

http://compass-style.org/

用了compass的reset和layout，也许是我以前写css的风格有问题，用起来有点别扭。

更新

  • 首页添加了翻页
  • 侧栏更新
  • 添加底部信息
  • 有友链了

感想

html与css的配合水很深，过时的观念，有还不如没有。最早刚开始切图的时候，把一切div加上float，width，height，像积木一样拼出来一个页面。现在想想，真是费力不讨好。

就像首页每个section上面的日期和标题，最开始是用float控制的。研究之后，标题和分类直接用padding控制位置，而日期改成absolute，直接控制位置，写出来的代码层级简单多了，距离也好算多了。年份的换行，直接加上了block。

但是这也不过只是一个开始，越来越感叹不知道的那么多，精妙的代码那么多。

footer一直在最下面

是通过给 footer 的老哥标签添加了

1
2
3

  min-height: 100%;
  height: auto !important;
  height: 100%;

实现的，代码来自compass的部分layout/sticky-footer，总感觉看起来怪怪的，少添加了一部分代码，也不知道会不会有bug。