CSS學習筆記 字型樣式和外觀樣式

2021-10-02 08:51:42 字數 1403 閱讀 5037

選擇器

注意:屬性和屬性值是以鍵值對的形式出現,屬性與屬性值之間用英語的":「隔開,多個鍵值對之間用英語的」;"隔開。

font-size:設定字型的字型大小,屬性值單位常用的是px,也可以使用絕對的長度單位,比如:cm,mm,pt,in等等。

font-family: 設定字型,網頁中常用的字型有宋體微軟雅黑黑體等等,使用css樣式可以設定字型的型別。如果需要設定多個字型,中間用逗號隔開,表示瀏覽器不支援第乙個字型,則會嘗試下乙個,直到找到合適的字型。

unicode字型: 在css中設定字型,直接使用中文名稱即可,但是在檔案編碼不匹配的時候會產生亂碼的錯誤,這個時候可以採用英文名稱或unicode字型。

常用字型的英文名稱和unicode編碼

宋體 simsun \5b8b\4f53

黑體 nsimsun \65b0\5b8b\4f53

微雅軟黑 microsoft yahei \5fae\8f6f\96c5\9ed1

字型的英文名稱和unicode編碼可以在css手冊中查詢。

font-weight:設定字型的粗細,字型加粗除了可以使用b和strong標籤之外,還可以使用css來實現,但是css是沒有語義的。

font-weight的屬性值:normal,bold,bolder,lighter,100-900中100的整數。

font-style字型風格,字型傾斜除了使用i和em標籤外,還可以使用font-style來實現。

font-style的三個屬性值 normal italic oblique,font-style可以使用normal屬性將斜體字體改為普通模式。

font屬性對字型的綜合設定

選擇器注意:使用font屬性必須按照上面的格式和順序,不能更換順序,各個屬性使用空格隔開,斜體和粗體可以省略,但是必須保留font-size和font-family,否則font屬性不起作用

1.網頁中的字型大小普遍使用14px++;

2.設定字型大小的時候,盡量使用偶數,奇數有些瀏覽器可能會出現bug。

3.字型型別使用英文時不用加上英文的雙引號,但是使用帶有空格、#、$的英文、中文或者unicode編碼需要使用英文狀態的雙引號。

4.盡量使用系統預設的字型,微雅軟黑或者宋體。

5.頁面字型盡量少用斜體,會影響閱讀,通常使用font-style:normal;將字型改為普通模式。

CSS字型樣式屬性和外觀樣式屬性

1css字型樣式屬性 1.1font size 字型大小大小 font size屬性用於設定字型大小,該屬性的值可以使用相對長度單位,也可以使用絕對長度單位。其中,相對長度單位比較常用,推薦使用畫素單位px,絕對長度單位使用較少。具體如下 1.2 font family 字型 font family...

css外觀屬性和字型樣式屬性

1.color 文字顏色,屬性值三種寫法1.直接寫顏色值,red,blue,green.2.顏色的十六進製制值 ff00000 推薦寫法 3.rgb 比如紅色rgb 255,0,0 2.line height 行間距,也就是行與行之間的距離。行間距的單位用畫素px 3.text align 水平方向...

CSS 字型樣式屬性和外觀屬性

絕對長度單位 font family font weight font style 綜合設定 外觀屬性 格式 font size 字型大小大小 設定字型大小的大小,設定時可以分為設定為相對長度單位和絕對長度單位。但是常用 相對長度單位。em相對於當前內文字的字型尺寸,2em就是2個字型長度 當前物件...