首頁  >  文章  >  web前端  >  css改變字體的屬性有哪些

css改變字體的屬性有哪些

青灯夜游
青灯夜游原創
2021-07-07 15:58:474269瀏覽

css改變字體的屬性:font、font-family、font-size、font-style、font-variant、font-weight、「@font-face」、font-size-adjust、font-stretch等。

css改變字體的屬性有哪些

本教學操作環境:windows7系統、CSS3版、Dell G3電腦。

css改變字體的屬性

##說明font在一個宣告中設定所有字體屬性#font-family規定文字的字型系列font-size規定文字的字體尺寸#font-stylefont-variantfont-weight@font-facefont-size-adjust#font-stretchcolor
屬性
##規定文字的字體樣式
#規定文字的字體樣式
規定字體的粗細
一個規則,允許網站下載並使用其他超過"Web- safe"字體的字體
為元素規定aspect 值
收縮或拉伸目前的字體系列
設定字型文字的顏色
font-style屬性:

font-style屬性指定文字的字體樣式。

值#normalitalicoblique
描述
預設值。瀏覽器顯示一個標準的字體樣式。
瀏覽器會顯示一個斜體的字體樣式。
瀏覽器會顯示一個傾斜的字體樣式。
font-variant屬性:

font-variant 屬性設定小型大寫字母的字體顯示文本,這意味著所有的小寫字母都會轉換為大寫,但是所有使用小型大寫字體的字母與其餘文字相比,其字體尺寸較小。

值#normalsmall-caps
描述
預設值。瀏覽器會顯示一個標準的字體。
瀏覽器會顯示小型大寫字母的字體。
font-weight屬性:

font-weight 屬性設定文字的粗細

值normalboldbolderlighter
描述
#預設值。定義標準的字元。
定義粗體字元。
定義較粗的字元。
定義更細的字元。
100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
定義由細到粗的字元。 400 等同於 normal,而 700 等同於 bold。
color 屬性:

Color屬性指定文字的顏色。

值#顏色的名稱十六進位RGB,紅-綠-藍(red-green-blue (RGB))RGBA,紅-綠-藍-阿爾法(RGBa)HSL,色相-飽和度-明度(Hue-saturation-lightness)飽和度和明度由百分數表示。 HSLA,色相-飽和度-明度-阿爾法(HSLa)

(學習影片分享:css影片教學

描述
顏色的名稱,如red, blue, brown, lightseagreen等,不區分大小寫。
十六進位符號 #RRGGBB 和 #RGB(例如 #ff0000)。 "#" 後面接著 6 位元或 3 位元十六進位字元(0-9, A-F)。
規定顏色值為rgb 程式碼的顏色,函數格式為rgb(R,G,B),取值可以是0-255 的整數或百分比。
RGBa 擴展了RGB 顏色模式,它包含了阿爾法通道,允許設定一個顏色的透明度。 a 表示透明度:0=透明;1=不透明。
色相(Hue)表示色環(即代表彩虹的一個圓環)的一個角度。 100% 是滿飽和度,而 0% 是一種灰度。
100% 明度是白色, 0% 明度是黑色,而 50% 明度是"一般的"。


HSLa 擴展自HSL 顏色模式,包含了阿爾法通道,可以規定一個顏色的透明度。 a 表示透明度:0=透明;1=不透明。

以上是css改變字體的屬性有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn