CSS常用小技巧大总结

作者: 来源:http://www.xgdown.com/ 时间:2007-8-24 13:05:18

CSS常用小技巧大总结(2) 3.固定宽度汉字（词）折行：table-layout:fixed; Word-break:break-all;（IE5以上）FF不能

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

5.图片设为半透明：.halfalpha { background-color: #000000; filter: Alpha(Opacity=50)} 在IE6及IE5测试通过，FF未通过，这是因为这个样式是IE私有的东西；

6.FLASH透明：选中swf,打开原代码窗口，在</object>前输入<param name="wmode" value="transparent"> 以上是针对IE的代码．
针对FIREFOX 给<embed> 标签也增加类似参数wmode="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换行用的符号&　#　1　3　;　或　&　#　1　0;

在IE中可能由于注释带来的文字重复问题时可以把注释改为：

如何用CSS调用外部字体
语法：
@font-face { font-family : name ; src : url ( url ) ; sRules }

取值：
name  :　字体名称。任何可能的 font-family 属性的值
url ( url )  :　使用绝对或相对 url 地址指定OpenType字体文件
sRules  :　样式表定义

说明：
设置嵌入HTML文档的字体。此规则无默认值。
此规则使你能够在网页上使用客户端本地系统上可能没有的字体。 url 地址必须指向 OpenType 字体文件(.eot或.ote)。此文件包含可以转换为 TrueType 字体的压缩字体数据，可以用来提供HTML文档使用该字体，或取代客户端系统已有的同名字体。此文件可以使用 Microsoft WEFT 工具制作。

示例：
@font-face { font-family:comic;src:url(http://valid_url/some_font_file.eot); }
@font-face { font-family: dreamy; font-weight: bold; src: url(http://www.example.com/font.eot); }

1.CSS常用小技巧大总结(1)
2.CSS常用小技巧大总结(2)
3.CSS常用小技巧大总结(3)

共3页 9 7 [1] [2] [3] 8 :>

CSS常用小技巧大总结相关文章：

·CSS常用小技巧大总结
·关于MySQL编码问题的经验总结
·ASP.NET3.5的ListView与CSS Friendly
·汇编”免杀”基础知识总结说明
·网页中用CSS样式表隐藏文字的挺新颖方法
·CSS实现的网页中文字排版的几种方式
·CSS教程:block element与inline element元素详解
·浏览器Firefox与IE在CSS样式表中的差异
·一行CSS代码就可以把IE6彻底制服
·用HTML和CSS写出漂亮正规的BLOG

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。
转载请注明来源：http://www.xgdown.com