您好,登錄后才能下訂單哦!
本篇內容主要講解“css改變字體的屬性是什么”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“css改變字體的屬性是什么”吧!
css改變字體的屬性:font、font-family、font-size、font-style、font-variant、font-weight、“@font-face”、font-size-adjust、font-stretch等。
本教程操作環境:windows7系統、CSS3版、Dell G3電腦。
css改變字體的屬性
屬性 | 說明 |
---|---|
font | 在一個聲明中設置所有字體屬性 |
font-family | 規定文本的字體系列 |
font-size | 規定文本的字體尺寸 |
font-style | 規定文本的字體樣式 |
font-variant | 規定文本的字體樣式 |
font-weight | 規定字體的粗細 |
@font-face | 一個規則,允許網站下載并使用其他超過"Web- safe"字體的字體 |
font-size-adjust | 為元素規定 aspect 值 |
font-stretch | 收縮或拉伸當前的字體系列 |
color | 設置字體文本的顏色 |
font-style屬性:
font-style屬性指定文本的字體樣式。
值 | 描述 |
---|---|
normal | 默認值。瀏覽器顯示一個標準的字體樣式。 |
italic | 瀏覽器會顯示一個斜體的字體樣式。 |
oblique | 瀏覽器會顯示一個傾斜的字體樣式。 |
font-variant屬性:
font-variant 屬性設置小型大寫字母的字體顯示文本,這意味著所有的小寫字母均會被轉換為大寫,但是所有使用小型大寫字體的字母與其余文本相比,其字體尺寸更小。
值 | 描述 |
---|---|
normal | 默認值。瀏覽器會顯示一個標準的字體。 |
small-caps | 瀏覽器會顯示小型大寫字母的字體。 |
font-weight屬性:
font-weight 屬性設置文本的粗細
值 | 描述 |
---|---|
normal | 默認值。定義標準的字符。 |
bold | 定義粗體字符。 |
bolder | 定義更粗的字符。 |
lighter | 定義更細的字符。 |
| 定義由細到粗的字符。400 等同于 normal,而 700 等同于 bold。 |
color 屬性:
Color屬性指定文本的顏色。
值 | 描述 |
---|---|
顏色的名稱 | 顏色的名稱,比如red, blue, brown, lightseagreen等,不區分大小寫。 |
十六進制 | 十六進制符號 #RRGGBB 和 #RGB(比如 #ff0000)。"#" 后跟 6 位或者 3 位十六進制字符(0-9, A-F)。 |
RGB,紅-綠-藍(red-green-blue (RGB)) | 規定顏色值為 rgb 代碼的顏色,函數格式為 rgb(R,G,B),取值可以是 0-255 的整數或百分比。 |
RGBA,紅-綠-藍-阿爾法(RGBa) | RGBa 擴展了 RGB 顏色模式,它包含了阿爾法通道,允許設定一個顏色的透明度。a 表示透明度:0=透明;1=不透明。 |
HSL,色相-飽和度-明度(Hue-saturation-lightness) | 色相(Hue)表示色環(即代表彩虹的一個圓環)的一個角度。 飽和度和明度由百分數來表示。 100% 是滿飽和度,而 0% 是一種灰度。 100% 明度是白色, 0% 明度是黑色,而 50% 明度是"一般的"。 |
HSLA,色相-飽和度-明度-阿爾法(HSLa) | HSLa 擴展自 HSL 顏色模式,包含了阿爾法通道,可以規定一個顏色的透明度。 a 表示透明度:0=透明;1=不透明。 |
到此,相信大家對“css改變字體的屬性是什么”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。