445IT之家
首頁 運營策劃 推廣優化 網上賺錢 站長新聞 網站制作 站長雜談 網頁制作 服務器 編程 電腦相關 論壇
您現在的位置:首頁 >> 網頁制作 >> CSS教程 >> 內容

與文本編排有關的CSS屬性設置

時間:2019-3-9 9:08:13 點擊:

  核心提示:與字體相關的屬性包括字體族、文本大小、粗細、字體風格、行高等。1、font-family:設置字體族。格式為font-family:字體1,字體2,……,通用字體族|inherit。通用字體族,是指一類相似的字體。W3C的CSS規則規定,要指定一個通用字體族,避免客戶端沒有安裝指定字體時能使用本機上...

與字體相關的屬性包括字體族、文本大小、粗細、字體風格、行高等。


1、font-family:設置字體族。

格式為font-family:字體1,字體2,……,通用字體族|inherit

通用字體族,是指一類相似的字體。W3C的CSS規則規定,要指定一個通用字體族,避免客戶端沒有安裝指定字體時能使用本機上的通用字體族中的字體。該屬性及其值的涵義如下圖

 

2、font-size:設置文本的大小。該屬性及其值的涵義如下圖

 

3、font-weight:設置文本加粗。該屬性及其值的涵義如下圖

 

4、font-style:可設置字體是正常還是斜體。該屬性及其值的涵義如下圖

 

5、line-height:設置文本的行高,它是指上下文本行的基線之間的垂直距離。其屬性及其值的涵義如下圖

 

6、字體屬性font:是字體設置的簡寫形式,其格式及解釋如下:

 

其中,用[]括住的屬性是可選的,而font-size和font-family是必須要寫的兩個屬性,其他屬性若不寫,則網頁將使用它們對應的默認值。另外,font-size/line-height必須用/組成一個,不能分開寫。例如:

這段CSS設置了字號為12像素,2倍行距,字體族為arial 和arial black。

7、字體顏色color屬性:

 

8、text-align屬性:設置文本的水平對齊方式。其值有三,分別是左對齊left(默認)、居中對齊center、右對齊right。

9、首行縮進屬性text-indent:其屬性值及涵義見下圖。

 

10、文本修飾屬性text-decoration:用來設置文本是否帶有下劃線或刪劃線等,其值及涵義如下圖:

 

11、字符間距屬性letter-spacing:設置字符與字符之間的間隔,正值是拉寬字符間距,負值是縮小字符間距。其值及涵義如下圖:

 

12、字間距屬性word-spacing:設置單詞與單詞之間的間隔。該屬性對包含兩個詞以上的英文有作用,對漢字是沒有作用的。

 

例如,定義一種文本樣式,其字體族為“黑體,宋體,新宋體”,字體粗細為500,斜體,大小16像素,行距26像素,紅色,帶下劃線,則代碼應寫成下圖所示:

 

以上是我總結的與文本樣式相關的CSS屬性及其值的解釋,希望對大家的學習有所幫助。

作者:不詳 來源:網絡
發表評論
  • 大名:
  • 內容:
評論列表
  • 好站推薦
  • 笑死人不償命的笑話
  • 文章閱讀網
  • 關于愛情的句子
  • 好句子大全
  • 最新個性簽名
  • 英語作文帶翻譯
  • 傷心網
  • 汽車之家報價
  • 汽車之家論壇
  • 汽車改裝網
  • 汽車改裝網
  • 汽車銷量排行榜
  • SUV銷量排行榜
  • SUV銷量排行榜
  • 汽車排行榜
  • 本類推薦
    • 沒有
  • 網站介紹 | 投稿指南 | 廣告合作 | 聯系我們 | 又問必答
  • 445IT之家(www.lbegpf.tw) © 2019 版權所有 All Rights Reserved.
  • 冀ICP備:05024815號
  • Powered by 445IT之家
  • 内蒙古十一选五走势图下载