服务帮助

当前位置:地方网站工作室 >> 工作室动态 >> 服务帮助 >> 浏览文章

文章内容页要用到哪些CSS?

文章来源:本站原创  文章作者:佚名  日期:2008年10月03日
很多新手在文章内容页面内容的文字大小啊布局啊什么的,都搞不清楚,老是出错,而且如果样式用得不好,会导致后期维护相当麻烦,因此本人写了一段CSS供大家参考。 #article_nr{font-size:14px;line-height:20

很多新手在文章内容页面内容的文字大小啊布局啊什么的,都搞不清楚,老是出错,而且如果样式用得不好,会导致后期维护相当麻烦,因此本人写了一段CSS供大家参考。

 

#article_nr { font-size:14px; line-height:200%; color:#222;text-indent:2em; width:540px; overflow:hidden;}

 

/* 解释,字体大小14px。现在流行。行高200%,也可以180%。建议采用百分比。文字颜色,深黑色。每段前面空两个字符,省掉每次书写内容都必须敲N次回车的麻烦。宽度540px,根据自己的需要调整。超出宽度隐藏。避免网页被撑开导致难看。 */


 #article_nr p { padding:5px 0;}

 

/* 解释:每段之间隔开10px,这样显示文章内容更加清晰明了,不必一段一段粘在一起。 */
 #article_nr img {width: expression(this.width > 510 ? 510: true); max-width: 510px;}

 

/* 解释,图片最宽不超过510像素。这段CSS在IE6.0以及火狐等各个浏览器都适用。注意的是,写了这一段,那么你的样式表就通过不了W3C验证了。因为EXPR是不符合标准的。是为IE特别书写的。后面的max-width才是针对火狐等各个浏览器写的。 */


 #article_nr a:link,#article_nr a:visited,#article_nr a:active{color:#f60; font-size:14px;test:expression(target="_blank");}
 #article_nr a:hover{color:#50AC23;font-size:14px;test:expression(target="_blank");}

 

/*  文章中出现链接的链接样式 ,这样写的好处是不必在文章中的链接处特别控制,非常方便。由于科讯默认的文章链接是在本页打开,这点往往不方便。而每次切换到源码里面去加新窗口代码也非常麻烦。因此添加了EXPR控制新窗口打开。需要注意的是,这点只对IE有效,对火狐等浏览器无效。同样,使用了这个就无法通过W3C认证。 */
 #article_nr h1,#article_nr h2,#article_nr h3,#article_nr h4,#article_nr h5 { color:red;}

 

/*  文章中出现H1等标签的时候标签内容显示为红色。这个是用来做文章的小标题的。一段很长的文章中使用小标题往往会给文章带来很好的视觉效果,如果愿意也可以在这里控制H1等的大小。另外需要说明的是,H1等标签标出文章中重要的小标题,会对搜索引擎带来很好的效果。另外,一般文章中使用H2-H4之间的H来控制。H1是最高级别。一般2-4即可。 */

 

其他希望各位补充。

 

看帖回帖。

 

 #article_nr为我为文章内容设置的div的ID。

 

写法

文章内容标签

 

你可以更换成你习惯的名字是没关系的。

追求卓越 精心缔造 菏泽网站建设 地方网络工作室
上一篇:新手学CSS必备基础知识
下一篇:css技巧-用纯CSS控制图片最大宽度
相关文章

我们能为菏泽企业做什么?

菏泽企业网站建设
DIV+CSS布局技术、底层SEO规划设计、菏泽地方网络工作室为您提供优质网站建设服务!
SEO网站推广策划
菏泽唯一SEOwhy认证的SEOER,全面的SEO推广方案,为您量身定制SEO网站推广策划!
国内顶级服务器
新网互联、中国频道、美国主机、韩国主机、地方网络工作室只提供最优质的服务器主机!
《书生商友》商机群发软件
Booksir,一步到位彻底解决中小企业网络整合营销的书生商友营销引擎!

公告

怎么联系我们?

手机:18651363941
地址:由于菏泽生存压力巨大,本人现未居菏泽,在北京就值。如有业务需要,请直接电联。
联系人:刘峰 高娜
QQ:61572536
微信:61572536
邮箱:guf521@163.com

服务宗旨

因为执着 所以专业 追求卓越 精心缔造
售后为先 宁得罪新客户  不拖拉老客户
诚信为本 新互顶级域名空间  畅爽速度