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)通過高度和尺寸來計算,通常用:高度/字體大小 來獲得,瀏覽器有自身的計算方式。通常通過微調來校正

發佈了41 篇原創文章 · 獲贊 4 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章