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

时间：2022-07-02 12:57:45 编辑：袖梨来源：一聚教程网

· 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.文字用鼠标放在前面的文字上看效果。这个效果在国外的很多网站都可以看到，而国内的少又少。
· 5.图片设为半透明：.halfalpha { background-color: #000000; filter: Alpha(Opacity=50)} 在 IE6 及 IE5 测试通过，FF未通过。
· 6.FLASH透明：选中 swf，打开原代码窗口，在前输入我们在做网页时常用到把鼠标放在图片上会出现图片变亮的效果，可以用图片替换的技巧，也可以用如下的滤镜，代码如下：
.pictures img { filter: alpha(opacity=45); }
.pictures a:hover img { filter: alpha(opacity=90); }
· 如果文字过长,则将过长的部分变成省略号显示：IE5、FF 无效，但可以隐藏，IE6 有效

就是比如有一行文字，很长，表格内一行显示不下.
· title 换行用的符号或在 IE 中可能由于注释带来的文字重复问题时可以把注释改为：
· 如何用 CSS 调用外部字体语法：@font-face { font-family : name; src: url ( url ); sRules }取值：
name :　字体名称。任何可能的 font-family 属性的值
url ( url ) :　使用绝对或相对 url 地址指定OpenType字体文件
sRules :　样式表定义

推荐专题

最新下载

热门教程

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

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程