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

css文字樣式中屬性的介紹(附程式碼)

不言
發布: 2018-08-18 11:45:48
原創
1807 人瀏覽過

這篇文章帶給大家的內容是關於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設定文字屬性的範例

CSS屬性之字體(Font )_html/css_WEB-ITnose

網頁CSS樣式屬性:font字體常識_html/css_WEB-ITnose

#

以上是css文字樣式中屬性的介紹(附程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板