CSS基礎知識點font字型

2022-09-18 07:48:35 字數 1240 閱讀 8852

style裡:

屬性和屬性值之間用英文「:」連線。

多個「鍵值對」之間用英文「;」進行區分。

css裡面的注釋是/* */

html裡面的注釋是

字型樣式屬性:

各種字型之間必須使用英文狀態下的逗號隔開。

中文字型需要加英文狀態下的引號,英文本型一般不需要加引號。當需要設定英文本型時,英文本型名必須位於中文字型名之前。

如果字型名中包含空格、#、$等符號,則該字型必須加英文狀態下的單引號或雙引號,例如font-family: "times new roman";。

unicode字型

在 css 中設定字型名稱,直接寫中文是可以的。但是在檔案編碼(gb2312、utf-8 等)不匹配時會產生亂碼的錯誤。xp 系統不支援 類似微軟雅黑的中文。

方案一: 你可以使用英文來替代。 比如 font-family:"microsoft yahei"。

方案二: 在 css 直接使用 unicode 編碼來寫字型名稱可以避免這些錯誤。使用 unicode 寫中文字型名稱,瀏覽器是可以正確的解析的。

font-family: "\5fae\8f6f\96c5\9ed1",表示設定字型為「微軟雅黑」。

為了照顧不同電腦的字型安裝問題,我們盡量只使用宋體和微軟雅黑中文字型

font-weight:字型粗細

font-weight屬性用於定義字型的粗細,其可用屬性值:normal、bold、bolder、lighter、100~900(100的整數倍)。

數字 400 等價於 normal,而 700 等價於 bold。

讓粗體變得不粗: strong

font-style:字型風格

字型傾斜用 i 和 em 標籤。平時我們很少給文字加斜體,反而喜歡給斜體標籤(em,i)改為普通模式。

emfont:綜合設定字型樣式

選擇器使用font屬性時,必須按上面語法格式中的順序書寫,不能更換順序,各個屬性以空格隔開。

注意:其中不需要設定的屬性可以省略(取預設值),但必須保留font-size和font-family屬性,否則font屬性將不起作用。

開發者工具(chrome)

此工具是我們的必備工具,以後**出了問題,我們首先第一反應就是:「按f12」或者是 「shift+ctrl+i」 開啟 開發者工具。

1. ctrl+滾輪 可以 放大開發者工具**大小。

2. 左邊是html元素結構 右邊是css樣式。

3. 右邊css樣式可以改動數值和顏色檢視更改後效果。

CSS基礎知識點

1.css基礎 1.css選擇器 元素選擇器 p id選擇器 p1 類選擇器 pre 2.css注釋 注釋 3.css尺寸 width 寬度height 高度 4.css背景 background color 背景顏色 background image url imagepath 做背景 url b...

CSS基礎知識點總結

一 css的簡介 1 什麼是css 層疊樣式表,css是對html進行樣式修飾語言 層疊 就是層層覆蓋疊加,如果不同的css樣式對同一html標籤進行修飾,樣式有衝突的部分應用優先順序高的,不衝突的部分共同作用 樣式表 就是css屬性樣式的集合 2 css的作用 1 修飾html的 使其html樣式...

CSS基礎知識點記錄

css參考手冊 2.1 內聯 2.2 頁面嵌入 所有input標籤都被設定成該樣式。2.3 外部引用 例如 對於非元素內聯的樣式需要定義樣式選擇器。5.1 標籤選擇器 對於指定的標籤採用統一的樣式 例如 input5.2 class選擇器 定義乙個命名的樣式,然後在用到它的時候設定元素的class屬...