字體樣式

1.font-family

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>選擇器</title>
    <style type="text/css">
        h1{font-family: "Times New Roman";}
        p {font-family: "微軟雅黑","宋體","黑體";}
    </style>
<!-- font-family字體屬性 定義元素內(nèi)文字以什么字體來顯示  可以是具體字體名也可以是字體集-->
<!-- 含空格字體名和中文,用英文引號(")包裹 -->
<!-- 多個字體用逗號隔開,會根據(jù)系統(tǒng)有的字體,從左到右進(jìn)行選擇 -->
<!-- 字體集 : -->
    
</head> 
<body>
    <h1> 設(shè)置字體樣式</h1>
    <p>設(shè)置字體樣式測試</p>

    <h2 style="font-family: '黑體';">直接設(shè)置樣式</h2>
    <!-- 引號嵌套,外使用雙引號,內(nèi)部使用單引號 -->
</body>
</html>

2.font-size

定義元素內(nèi)文字大小
使用方式 font-size:絕對單位|相對單位
不設(shè)置字體大小時,為瀏覽器默認(rèn)字體大小。

絕對單位

不能隨瀏覽器分辨率或父元素大小改變而改變


絕對單位.png
相對單位

隨分辨率改變而改變
單位有:px em %

color

方式 寫法 說明
具體顏色名稱 h1{color:red} 使用具體顏色
rgb h1 {color:rgb(10%,10%,100%)} 數(shù)字:0~255 百分比0%~100%
16進(jìn)制 h1{color:#008800} #號開頭,0~F 不區(qū)分大小寫,#008800和#080一致,會自動補充

font-weight字體加粗

html加粗:用<b></b>或者<strong></strong>
font-weight:normal,bold(加粗),bolder,lighter(細(xì)),100~900
默認(rèn)值:normal
400等于normal,700等于bold

斜體 font-style

html斜體<em></em>或者<i></i>
font-style:normal ,italic(斜體),oblique(傾斜)

字體變形 font-variant 作用于英文

將小寫字母轉(zhuǎn)換為小型大寫字母
font-variant:normal,small-caps
<p style="font-variant">Cascading Style Sheets<p/>
效果


小型大寫字母.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容