CSS3学习(五)字体相关样式

一、 关于文字和盒子模型阴影的语法
X-shadow:水平偏移量 竖直偏移量 模糊程度 颜色;
如:

text-shadow:5px 5px 5px gray;

还可以显示多重阴影,只需要在参数值之间添加逗号即可
如:

box-shadow:1px 1px 1px gray , -1px -1px 2px black;

二、 使用服务器端字体
①换行属性:word-break 包含几个值:

    normal    //浏览器默认换行方式
    keep-all  //半角符号换行
    break-all //强制换行,会拆单词

②导入字体的style写法:

@font-face{
        font-family:WebFont;
        src:url('字体地址')format("字体格式");
        //其中format的值包含两种(ttf:truetype;otf:opentype)
    }

如果客户端本身可能包含该字体,则src写法改为:

src:local("微软雅黑"),url("自己的字体地址");

三、 在修改字体时保持字体大小不变
原因:不同字体在同一字号下 大小可能是不同的;
解决:使用 font-size-adjust 属性,其值是:aspect(是一个数值,如0.60)通过高度和尺寸来计算,通常用:高度/字体大小 来获得,浏览器有自身的计算方式。通常通过微调来校正

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值