电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> HTML>>几个常用CSS 样式代码说明:

几个常用CSS 样式代码说明

来源:网络 | 2007-3-13 | (有2482人读过)

· 1.中文字两端对齐:text-align:justify; text-justify:inter-ideograph; 

· 2.固定宽度汉字截断:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(不过只能处理文字在一行上的截断,不能处理多行。)(IE5以上)  

· 3.固定宽度汉字(词)折行:table-layout:fixed; word-break:break-all;(IE5以上) 

· 4.<acronym style="cursor: help" title="输入要提示的文字">文字</acronym> 用鼠标放在前面的文字上看效果。这个效果在国外的很多网站都可以看到,而国内的少又少。 

· 5.图片设为半透明:.halfalpha { background-color: #000000; filter: Alpha(Opacity=50)} 在 IE6 及 IE5 测试通过,FF未通过。 

· 6.FLASH透明: 选中 swf,打开原代码窗口,在 </object> 前输入 <param name="wmode" value="transparent"> 我们在做网页时常用到把鼠标放在图片上会出现图片变亮的效果,可以用图片替换的技巧,也可以用如下的滤镜,代码如下: 

.pictures img { filter: alpha(opacity=45); } 
.pictures a:hover img { filter: alpha(opacity=90); }  

· 如果文字过长,则将过长的部分变成省略号显示:IE5、FF 无效,但可以隐藏,IE6 有效 
<div style="width: 120px; height: 50px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis"> 
<NOBR>就是比如有一行文字,很长,表格内一行显示不下.</NOBR>  

· title 换行用的符号或在 IE 中可能由于注释带来的文字重复问题时可以把注释改为:<!--[if !IE]> 
Put your commentary in here... 
<![endif]-->  

· 如何用 CSS 调用外部字体语法:@font-face { font-family : name; src: url ( url ); sRules }取值:  
name :  字体名称。任何可能的 font-family 属性的值 
url ( url ) :  使用绝对或相对 url 地址指定OpenType字体文件 
sRules :  样式表定义 
HTML热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

Copyright © 2003-2024 电脑爱好者 版权所有 备案号:鲁ICP备09059398号