网页中几个常用到的 CSS 样式

· 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 :　样式表定义

相关文章：

你感兴趣的文章：

标签云：