CSS文字,文字常用樣式

2022-01-20 18:00:28 字數 1495 閱讀 3196

字型屬性

font-family

如果電腦沒有第乙個字型,就切換到下乙個

body
font-size

字型大小

瀏覽器字型預設大小一般16px

px是絕對大小,不會隨瀏覽器變化變化

em相對單位

rem主要應用移動端

color

三種顏色表示

color:rgb();0-255 10進製

color:red;

color:#000000;16進製表示法

color:rgba(255,0,0,.3);a為透明度

font-style

字型樣式

屬性值描述

normal

預設的,文字設定為普通字型

italic

如果當前字型的斜體版本可用,那麼文字設定為斜體版本;如果不可用,那麼會利用 oblique 狀態來模擬 italics。常用

oblique

將文字設定為斜體字體的模擬版本,也就是將普通文字傾斜的樣式應用到文字中。

font-weight

字型粗細

屬性值描述

normal

普通的字型粗細,預設

bold

加粗的字型粗細

lighter

比普通字型更細的字型

bolder

比bold更粗的字型

100~900

400表示normal

文字屬性

text-decoration

文字線條

屬性值描述

none

無文字的修飾

underline

文字下劃線

overline

文字上劃線

line-through

穿過文字的線,可以模擬刪除線。

text-indent

文字縮排

text-indent: 32px;

text-indent:2em; 縮排2個字型的長度

line-height

行高行高要大於字型大小

letter-spacing

文字之間的距離(中文)

word-spacing

英文單詞之間的距離

text-align

文字對齊

屬性值描述

left

文字左對齊,預設

right

文字右對齊

center

中心對齊

前端成神之路 CSS文字文字樣式

目標 p 注意 pp常用技巧 1.各種字型之間必須使用英文狀態下的逗號隔開。2.中文字型需要加英文狀態下的引號,英文本型一般不需要加引號。當需要設定英文本型時,英文本型名必須位於中文字型名之前。3.如果字型名中包含空格 等符號,則該字型必須加英文狀態下的單引號或雙引號,例如font family t...

CSS常用文字樣式總結

css文字樣式是相對於內容進行的樣式修飾。由於在層疊關係中,內容要高於背景。所以文字樣式相對而言更加重要。有些人對文字和字型樣式之間的不同不太了解,簡單地講,文字是內容,而字型則用於顯示這個內容。本文將詳細介紹文字相關樣式。首行縮排 定義首行縮排是將段落的第一行縮排,這是常用的文字格式化效果。一般地...

CSS 文字 文字屬性

css控制文字屬性 1 font size 18px 設定字型大小 2 color 093 設定字色 3 font family 宋體 設定字型 可以有多種字型,兩個字型之間有,分隔開,表示如果系統中有第乙個字型則顯示效果是第乙個字型,如果沒有則顯示的是第二個字型的效果,以此類推 4 line he...