首頁 > 開發者 > CSS

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

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！
本篇文章給大家帶來的內容是關於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;}

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
css ellipsis css oblique css scheduler css selectors css alarms skin css lynda css
相關文章
css實現滑鼠滑過改變文字(中文變英文)
selenium使用Xpath+CSS+JavaScript+jQuery的定位方法（治療selenium各種定位不到，點...
使用CSS巧妙地製作背景色漸層動畫執行個體
詳解css display屬性中常見的四個屬性值用法（代碼執行個體）
CSS修改iframe內的樣式問題
如何用CSS改變上劃線、底線以及刪除線的顏色呢？

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More