首頁 >web前端 >css教學 >css文字樣式中屬性的介紹（附程式碼）

css文字樣式中屬性的介紹（附程式碼）

不言原創: 2018-08-18 11:45:481806瀏覽

這篇文章帶給大家的內容是關於css文字樣式中屬性的介紹（附程式碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

1、設定文字字體－font-family
屬性值建議用英文黑體 Arial；
微軟雅黑 “Microsoft Yahei”；
宋體「SimSun」提高載入速度；
設定可選字體用逗號隔開）

index.html

<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>字体</title>
    <link href="index.css" type="text/css" rel="stylesheet"/>
</head>
<body>
    <p>
    设置文字字体属性值建议用英文黑体Arial； 微软雅黑 “Microsoft Yahei”；
    宋体“SimSun”;提高加载速度；设置可选字体用逗号隔开  
    </p> 
</body>
</html>

index.css

p{    font-family:"SimSun";}

2. 設定文字大小－font-size
index.css

p{    font-size:21px;}

3.設定文字為粗體－font-weight
屬性值：normal;正常
bold/bolder;加粗
index.css

p{    font-weight:bold;}

4.設定文字為斜體－font-style
屬性值：italic;
index.css

p{    font-style:italic;}

5.設定英文為小型的大寫字母字體
index.css

p{font-variant: small-caps;}

6.設定文字顏色
index.css

p{    color:lightgreen;}

7.設定文字背景顏色
index.css

p{    background-color:lightblue;}

css文字樣式中屬性的介紹（附程式碼）

相關文章