账号通
    

账号  

密码  

17789

查看

24

回复
主题:文章内容页“文章内容”要用到哪些CSS?详情请进来看! [收藏主题] 转到:  
孤风大虾 当前离线

1700

主题

7

广播

118

粉丝
添加关注
级别:高一年

用户积分:10218 分
登录次数:451 次
注册时间:2006/3/28
最后登录:2022/3/10
孤风大虾 发表于:2008/10/2 22:56:00   | 只看该作者 查看该作者主题 楼主 
科汛在线网校系统

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

 

写法<div id="article_nr">文章内容标签</div>

 

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


 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
紫橙色 当前离线

7

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:233 分
登录次数:2 次
注册时间:2008/10/28
最后登录:2008/11/29
紫橙色 发表于:2008/10/28 17:44:00   | 只看该作者 查看该作者主题 沙发 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
longhe1314 当前离线

68

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:706 分
登录次数:15 次
注册时间:2008/10/28
最后登录:2010/1/18
longhe1314 发表于:2008/10/28 17:07:00   | 只看该作者 查看该作者主题 藤椅 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
zywb000 当前离线

253

主题

5

广播

0

粉丝
添加关注
级别:二年级

用户积分:2798 分
登录次数:582 次
注册时间:2008/2/28
最后登录:2016/9/11
zywb000 发表于:2008/10/12 23:19:00   | 只看该作者 查看该作者主题 板凳 
科汛在线网校系统
收藏,我自己写的也有这样的CSS,但没有你写的好,我把我的全改过来。
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
cvq 当前离线

704

主题

0

广播

0

粉丝
添加关注
级别:六年级

用户积分:4700 分
登录次数:151 次
注册时间:2008/8/26
最后登录:2016/8/22
cvq 发表于:2008/10/4 2:21:00   | 只看该作者 查看该作者主题 报纸 
做在线知识付费 选科汛云开店
很好,现在看到回复帖不回,有价值非回复帖必回。
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
hjdown 当前离线

55

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:441 分
登录次数:12 次
注册时间:2008/9/24
最后登录:2009/2/18
hjdown 发表于:2008/10/3 1:15:00   | 只看该作者 查看该作者主题 地板 
做在线知识付费 选科汛云开店
谢谢!非常感谢!正好需要!!!!
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
hyuhan 当前离线

89

主题

0

广播

1

粉丝
添加关注
级别:学前班

用户积分:46 分
登录次数:30 次
注册时间:2010/7/10
最后登录:2012/11/5
hyuhan 发表于:2010/7/13 8:38:25   | 只看该作者 查看该作者主题 7楼 
科汛在线网校系统
谢谢!非常感谢!正好需要!!!!
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
zksf5 当前离线

424

主题

0

广播

0

粉丝
添加关注
级别:四年级

用户积分:333 分
登录次数:28 次
注册时间:2010/7/15
最后登录:2010/10/18
zksf5 发表于:2010/7/17 16:58:09   | 只看该作者 查看该作者主题 8楼 
对不起,该用户所发的帖已全被锁定!
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
henroy 当前离线

43

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:33 分
登录次数:16 次
注册时间:2010/7/13
最后登录:2010/9/21
henroy 发表于:2010/7/19 21:47:44   | 只看该作者 查看该作者主题 9楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
liugang 当前离线

128

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:31 分
登录次数:11 次
注册时间:2010/6/29
最后登录:2010/8/30
liugang 发表于:2010/7/24 9:45:50   | 只看该作者 查看该作者主题 10楼 
科汛智能建站系统
谢谢!非常感谢!正好需要!!!!
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.21875秒 powered by KesionCMS 9.0