iT邦幫忙

0

前端工程學習日記第22天

  • 分享至 

  • xImage
  •  

跟字型相關的CSS設定

  • font-family
    指定使用的字體,可以設定多個,讓瀏覽器依照排序使用

font-family: 微軟正黑體,”Arial”;

  • font-size

指定字體大小,有多種單位可以使用:
small、large、pt、px、cm、%

font-size:16pt font-size:large

  • font-weight

指定字型厚度,數值越大字型越粗
也可以直接使用”bold”指定之

font-weight:100;font-weight:bold;

  • font-style

指定字型樣式,大多用來設定斜體

font-style:italic;

跟文字排列 (行距、排序) 有關的設定

  • letter-spacing
    指定字與字之間的間距

letter-spacing: 4pt;

  • line-height

設定行高

line-height:200% line-height:16px

  • ext-align
    指定字型對齊方式
    包含 left(向左)、center(置中)、right(向右)、justify(左右對齊)
    text-align:justify;

  • text-decoration
    修飾文字
    包含 underline(底線)、overline(上線)、line-through(刪除線)、blink(讓文字閃爍)、
    text-decoration:line-through;

  • text-indent
    段落的第一行要留多少縮排
    text-ident:20px text-ident:12pt;

  • text-transform
    大小寫控制
    包含 capitalize(第一個字母大寫)、uppercase(全部字母大寫)、lowercase(全部字母小寫)
    text-transform:uppercase;

  • word-spacing
    僅適用於英文單字,控制「英文單字」間的距離用法與 letter-spacing 有點類似,不同的是word-spacing 控制的是單字(或段落)而非單一字母letter-spacing 控制的則是單一字元間的距離。
    word-spacing:2px


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言