Showtime

秋思工作室

专注于初中教育教学管理及初中数学教学。

导航

当前位置:首页关于本站 > 正文页面

秋思工作室博客主题微调整

2017年6月6日 本文作者:秋思 浏览:

  秋思工作室使用的主题是以前参考Z-BlogASP 1.8版本的默认主题制作的,极少使用背景图片,都是用CSS来控制显示效果,总的来说是比较整齐、清爽、简洁、大方,看着舒服。但在IE11下发现有些显示效果不是很理想,决定对这个主题进行调整。

秋思工作室博客主题微调整

  秋思工作室博客主题在IE11和Firefox下显示不佳表现在三个方面:1、段落内文字两端没有对齐,看着不舒服;2、文章页面底部Tags标签和引用通告字体特别大,看上去不协调;3、侧栏的文字偏小,行间距离也偏小。

  第一、实现文字两端对齐只需要在CSS代码中加入text-align: justify属性,但IE11并不兼容这个属性,需要在CSS中再添加一句text-justify: inter-ideograph属性就可以完美解决这个问题了。

   {text-align: justify;text-justify: inter-ideograph;}

  第二、在.text-foot .tags中添加了控制文章页面底部Tags标签和引用通告字体大小的属性代码,并去除上级属性中的控制字体大小的属性代码,调整文字的位置,现在看起来就正常多了。

  第三、使用IE11的开发者工具实时预览对侧栏字体大小进行调整,然后修改CSS文件中.function li中的padding属性数值就行了。

  另外,我发现在CSS代码中添加text-indent:2em来控制段落首行空两格时,当文章插入图片时,图片位置会偏移,经过反复折腾,决定只对文章摘要部分进行添加text-indent属性,正文段落首行空两格则在编辑文字时直接用全角空两格。

版权声明:未加注说明的文章均为本站原创首发,转载本站文章请遵循署名-非商业用途-保持一致的原则

文章标签:博客  秋思工作室  CSS  

首发网站:秋思工作室

原文链接:http://www.qiusi.me/post/6.html

Gravatar Icon
1秋思 于 2017/6/16 9:36:35 发表
网址:http://www.qiusi.me  回复:Reply
如果学生在八年级时数学成绩没有太多提升,真的很难办。

欢迎在此发表评论,但请勿发垃圾广告评论或者违反国家法律或政策的言论,谢谢合作!

欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

文章存档

标签

©2017-2020 秋思工作室. All rights reserved. Powered by Z-Blog. Theme named Yahei and made free by Qiusi.

本作品采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可.