分类存档: 小打小闹

稍稍重写了侧边栏A List的代码,略略符合html的规范了

没想到我也有写技术博客的一天。

总之呢,好几年前就声称50岁要去转行做程序员,当时似乎还有几分真意,现在看来确实只能是个玩笑了。但为了维护自己的博客和辩论队网站,还是三天打鱼两天晒网地学习一点前端知识。所以就稍微重写了博客侧边栏A List的代码,使之更符合html的书写规范。

侧边的A List,是我忘了什么时候加上去的一个书单。我希望它每行显示一本书的名字,文字使用和博客正文一致的颜色;正在读的几本,在书名后面用其它颜色标注出正在读的状态;读完的书,用正常颜色标注出已完成的状态;同时,在整体排版上,行间距稍大一些,不要太紧凑。

为了达成这个小目标,我几年前写了这么一段。

<div style=”line-height:175%”>
<font color=#696969 >
<p>世界的演变</p>
<p>暗淡蓝点(<font color=#ff657f>进行中</font>)</p>
<p>自私的基因(已完成)</p>
</font>
</div>

这段代码,虽然实现了功能,但是书写都不合规范。使用了现在已经不推荐的font元素,在内嵌元素里嵌套了块级元素,元素样式的写法也不规范。当时并不知道这些规范,现在知道了,于是做了调整,变成这个样子。

<div style=”line-height:175%; color:#696969;”>
<p>世界的演变</p>
<p>暗淡蓝点(<span style=”color: #ff657f; “>进行中</span>)</p>
<p>自私的基因(已完成)</p>
</div>

删除了font标签,使用span标签来标注需要改变颜色的文本,统一使用更规范的内联样式来控制字体颜色和排版。

就这样。

个人的一小步,为人类整体程序员成分的增加,添加了一点砖瓦。