css 网页里样式,网页中几个常用到的 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.文字 用鼠标放在前面的文字上看效果。这个效果在国外的很多网站都可以看到,而国内的少又少。

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值