网页中几个常用到的 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 :　 样式表定义

关键词：

【推荐给好友】【关闭】

最新五条评论

查看全部评论

评论总数 0 条

您的评论

用户名： （新注册） 密　码： 匿名：

·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯，提倡就事论事，杜绝漫骂和人身攻击等不文明行为

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有