[CSS]《CSS揭秘》第五章——字體排印

lordharrd 發布于2019-08-30 15:53 / 2883人閱讀

摘要：連字符斷行需要在的屬性指定支持的語言尚未支持與結合使用插入換行避免首個前面也加入空行換行符避免逗號前面的空格，不一定為文本行的斑馬條紋調整的寬度連字華麗的符號自定義下劃線現實中的文字效果發光字效果環形文字

連字符斷行

hyphens:auto;

*:需要在HTML的lang屬性指定支持的語言
**：chrome尚未支持
*：與word-wrap: break-word結合使用

插入換行

dt,dd{
    display: inline;
}
dd{
    margin: 0;
    font-weight: bold;
}
dd+dt::before{//避免首個dt前面也加入空行
    content: "A";//換行符
    white-space: pre;
}
dd+dd::before{//
    content:",";
    font-weight: normal;
    margin-left: -0.25em;//避免逗號前面的空格，不一定為-.25em
}



    Name:
    Lea Verou
    Email:
    lea@verou.me
    leaverou@mit.edu
    Location:
    Earth

文本行的斑馬條紋

.testdiv{
    white-space: pre;
    padding: .5em;
    background: #fb3;
    line-height: 1.5em;
    background-image: linear-gradient(yellowgreen 50%, transparent 0);
    background-size: auto 3em;
    background-origin: content-box;
}

調整tab的寬度

    tab-size:4;

連字

font-variant-ligatures: common-ligatures discretionary-ligatures historical-ligatures;

華麗的&符號

......

自定義下劃線

......

現實中的文字效果 發光字效果

.testdiv{
    background: #203;
    color: #ffc;
    text-shadow: 0 0 .1em, 0 0 .3em;
}

*:text-shadow: h-shadow v-shadow blur color;

環形文字

......

云服務器 GPU云服務器第五章 css字體庫 css 服務器字體 css3服務器端字體

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/116799.html

《CSS揭秘》第五章：字體排印

摘要：字體排印連字符斷行在雜志和書籍中，經常可以見到兩端對齊效果。原因是會帶來糟糕的顯示問題。比如大多數襯線字體中的和。在第三版中，引入了屬性華麗的符號通過規則實現只對符號應用特殊的字體。字體排印連字符斷行在雜志和書籍中，經常可以見到兩端對齊效果。但是在網頁設計中，兩端對齊效果很少被使用。原因是會帶來糟糕的顯示問題。text-align: justufy; showImg(https:...

lk20150415 2019-08-29 11:21 評論0 收藏0
css-secrets (css揭秘) 知識點目錄，值得深入學習！

摘要：通過模糊來弱化背景和滾動提示使用兩層背景，控制交互式的圖片對比控件范圍輸入控件方式書中有很詳細的解答提醒自己要回顧。 1. 第一章 css編碼技巧第二章邊框與背景半透明邊框 hsla 多重邊框 box-shadow outline 靈活的背景定位 background-position css3該屬性可以指定偏移量，////bac...

DevWiki 2019-08-30 15:56 評論0 收藏0
《CSS 揭秘》作者Lea Verou：我喜歡分享開源的行業文化

摘要：作為女性，你又來自互聯網技術不太發達的希臘。希臘目前可能還存在一些針對女性的性別歧視，但并不明顯，不然我可能會被影響到。實際上，有時候希臘在性別平等方面比其他西方國家更進步。本文僅用于學習和交流，不用于商業目的。非商業轉載請注明作譯者、出處，并保留本文的原始鏈接：http://www.ituring.com.cn/art... 訪談嘉賓： Lea VerouW3C CSS工作組特邀專...

tianyu 2019-08-29 11:06 評論0 收藏0
《CSS 揭秘》作者Lea Verou：我喜歡分享開源的行業文化

摘要：作為女性，你又來自互聯網技術不太發達的希臘。希臘目前可能還存在一些針對女性的性別歧視，但并不明顯，不然我可能會被影響到。實際上，有時候希臘在性別平等方面比其他西方國家更進步。本文僅用于學習和交流，不用于商業目的。非商業轉載請注明作譯者、出處，并保留本文的原始鏈接：http://www.ituring.com.cn/art... 訪談嘉賓： Lea VerouW3C CSS工作組特邀專...

yzd 2019-08-21 14:14 評論0 收藏0
《CSS 揭秘》作者Lea Verou：我喜歡分享開源的行業文化

摘要：作為女性，你又來自互聯網技術不太發達的希臘。希臘目前可能還存在一些針對女性的性別歧視，但并不明顯，不然我可能會被影響到。實際上，有時候希臘在性別平等方面比其他西方國家更進步。本文僅用于學習和交流，不用于商業目的。非商業轉載請注明作譯者、出處，并保留本文的原始鏈接：http://www.ituring.com.cn/art... 訪談嘉賓： Lea VerouW3C CSS工作組特邀專...

leanote 2019-08-01 15:32 評論0 收藏0