首页 > 归档 > 重写伊氏物语主页

重写伊氏物语主页

AwThink写于 , 分类: 致知录

很多年前,那时候流行个人主页,伊氏物语是那个年代的产物。说是个人主页,其实就一单页面,页面里也不添加太多内容,经年沉淀,最后就剩几句话,和一个链到博客的链接。

那还是个表格布局的年代。每每当我查看页面源代码的时候,满眼密密麻麻的<tr>、<td>标签,标签中又大量包含样式,想要做点修改,总有种无从下手的感觉。

一开始,这个页面倒也表现良好,能够兼容各浏览器。但是随着时间的车轮向前推进,以及我偶尔的不当修改,它开始出现了错位,我也开始萌生将其重写的想法。无奈面对满屏的<tr>、<td>,心有余而力不足,只得作罢。这一拖,就拖到了现在。

这是我写的第二个页面。不管从哪个角度看,这都是一个简单的任务。但虽然是个简单的任务,只因喜欢,并也是我早就想做的事,因此能够顺利完成还是感到很开心,并且重写的过程相当顺手(当然,主要原因是因为它真的很简单)。

下面记录一些重写过程中遇到的问题,也是我知识欠缺的地方。记录下来,以后加强学习、加深理解:

主页的字体大小在body中定义了,然后主页中内容主体部分有一个边框,边框要求与文字贴合,边框右边不留太多空白,文字在一行中显示,不能被挤到下一行中去。

当边框宽度设定好后,如果改动字体大小,那么就达不到上述要求了。有没有办法实现修改字体大小时,边框自动适配?

我在footer部分设置了

#footer{
	margin-top: -17px;
}

当我想要再设一个

#footer p{
	margin-top: X px;
}

时,就会出现错位现象。对此并不理解,抽空查询。

页脚的文字,当使用float:right;将其右浮动时,背景图会消失。也是不明其理。

最后,地址奉上:

伊氏物语

--全文完--

tags:rewrite, redesign, rebuilding, 个人主页

声明: 未经授权不得转载。转载请联系,并注明转自: AwThink

发表评论