史丹利愛碎念

CSS字體樣式

使用CSS呈現文字的時候，常需要針對字體、對齊、底線、行距、間距、顏色樣式做修改，因此記錄了常用的字體樣式設定

<style>

    #font{

        /*文字顏色*/

        color:blueviolet;

        /*字體大小*/

        font-size:25px;

        /*

        font-family: 使用的字型

        為了避免瀏覽器無法辨識字體，可設置多種字體，自體使用的優先權則依照先後順序

        注意：有時候寫上中文字型，不一定能順利辨識，還應該加上英文字型。(例如：微軟正黑體,Microsoft JhengHei)

        */

        font-family: 標楷體,微軟正黑體,Microsoft JhengHei,DFKai-sb,sans-serif;

        /*文字的行距*/

        line-height: 80px;

        /*粗體文字*/

        font-weight: bold;

        /*

        font-style:字體顯示方式

        normal:正常

        italic:斜體

        inherit:繼承

        */

        font-style:italic;

        /*

        text-align:文字對齊方式

        left：靠左對齊

        right:靠右對齊

        center:置中

        justify:分散對齊

        */

        text-align:justify;

        /*

        text-decoration:文字加上線條

        line-through:刪除線

        overline:線條加在文字上方

        underline:線條加在文字底部

        none:當文字有超連結的時候，可刪除示意超連結的底線

        */

        text-decoration:overline;

        /*文字間的距離*/

        letter-spacing: 100px;

    }

</style>

<div id="font">

    ABCEEFG

</div>

以上說明供大家參考

如果覺得對你有幫助的話. 麻煩幫小弟按個讚哦～