成功完成对本站主题CSS修改
本来选择的这款CMS主题自己非常喜欢,可是汉字的显示问题依然让我无法承受,越看越烦,最终又想换主题,可是这款主题的功能确实非常强大,可配置性也非常强。那么仅仅因为汉字显示效果不好就更换吗?我确实又搜索了下免费主题,可是没有中意的。因此,还是修改CSS吧,尽管自己很少和CSS打交道。
晚上回到家,饭后,开始了CSS的修改,这款主题的CSS内容特别多,而我本人对CSS又不精通,仅懂点皮毛,不过足够了,就试吧。在试的过程中,经常把网站弄的样式乱套,不过ctrl+z回退后,上传CSS文件,再恢复正常。我一次只修改一个地方,这样尝试,就不会把CSS改乱套,而能进行回退。
后来用这种方式将推荐阅读部分的样式修改好。可其他地方依然如故。而我在本地修改完成,再上传CSS文件,整个过程非常的不方便,于是想起了fireBug,这款 firefox的插件,功能真的是太强大了… 于是我利用firebug直接在浏览器上进行CSS样式的调试,这样直接就能看来修改的效果,太方便了。最终我将大部分的汉字显示效果都修改的正常。目前本站的显示效果已经能对得起观众了。
下面我就说下我修改这个CSS样式的心得:
1、font-family
在css样式文件中搜索 font-family: 并且全部替换为 font-family:’宋体’,
这样字体就是中文的 宋体了。
当然,如果你喜欢其他字体,就替换成其他字体了。
2、line-height
由于英文字符没有汉字块头大,所以你使用国外主题时就感觉行高不够。我是这样理解的,不知对不对。
而这时,你就需要修改相应的样式。如果没有行高,要在恰当的地方加上
line-height:2;如果已经有line-height 属性,可以适当将此值加大,以达到你满意的效果。
3、段落首行缩进
p{text-indent: 2em;}
详细解释就看下面的说明吧,下面是从网上摘抄的一小段解释,给喜欢穷根究底的同学一个学习的机会。
语法: text-indent: 〈值〉
允许值: 〈长度〉 | 〈百分比〉
初始值: 0
文本缩进属性可以应用于块级元素(P,H1,等.),以定义该元素第一行可以接受的缩进的数量。该值必须是一个长度或一个百分比。若百分比则视上级元素的宽度而定。通用的文本缩进用法是用于段的缩进:
{ text-indent: 2em } 即表示段落缩进2个字符
我们可以作如下定义,并把代码放在与间:
〈style〉
{text-indent:2em}
〈/style〉
是字体不清楚还是别的原因呢?
字体不清楚,行间距太小,视觉效果太差了,呵呵。不过现在已经改了,我相信关注本站的朋友都能看到前后的差距的。