今天我們分享關於字型樣式的內容。
在網頁開發中,需要優先考慮頁面的文字樣式屬性。包括字型、大小、粗細、顏色等;
css字型樣式屬性
屬性值說明
font-family
字型型別
font-size
字型大小
font-style
字型斜體
color
字型顏色
除了字型顏色以外,其他文字屬性都是font字首開頭,可以根據英文意思去記憶,方便很多。
font-family字型型別:
在css中,使用font-family屬性定義字型型別。
語法:
font-family:字型1,字型2,字型3;
可以指定多個字型,按照優先順序,以逗號隔開。
示例**:
很多時候,我們會在font-family後面,填寫很多字型,這個原因是每個人的電腦安裝的字型都不一樣,如果你設定的字型,正好登入的電腦沒有,那就需要後續的字型來支援。我是宋體
我是微軟雅黑
font-size字型大小:
語法:
font-size: 關鍵字或者畫素值;
font-size屬性關鍵字取值
屬性值說明
xx-small
最小x-small
較小small
小medium
預設值,正常
large
大x-large
較大xx-large最大
以上屬性都是相對於瀏覽器的預設字型大小而言的,大家也不需要記憶,因為在實際開發中,很少用到關鍵字屬性值,一般都是直接採用畫素大小來表示的。
示例**:
採用畫素px的取值:我是small字型
我是medium字型
我是large字型
在目前國內的主流**中,大部分都是採用畫素px為單位的。那麼什麼是px呢?
px,全稱pixel,畫素。px就是中最小的點,也是計算機螢幕最小的點,是顯示單位。比如一台電腦的顯示器解析度是800 * 600 px,指的就是螢幕寬度800畫素,高度600畫素,以顯示器的解析度來說,一般windows系統的解析度為每英吋96px,mac系統的解析度是每英吋72px。
示例**:
下節我們繼續分享字型的內容。字型大小為10px
字型大小為15px
字型大小為20px
css字型樣式
注 以下的字型樣式只可在ie中使用。刪除線刪除線 加上背景色 加上背景色 左右翻轉效果 左右翻轉效果 上下翻轉效果 上下翻轉效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發...
css 字型樣式
通常使用絕對大小定義文件的基準字型大小,然後使用相對大小定義其它文字 如 定義文件預設字型大小為12培訓,位150 則呈現12px大小,呈現為18px的大小 常用技巧 中文網頁的字型大小設定,通常使用偶書字型大小,以避免文字邊緣出現毛邊,如14px或22px 在pc端設定字型大小最小值為12px,在...
CSS字型樣式
字型 font family 文字大小 font size 文字顏色 color 文字粗細 font weight 文字樣式 font style 定義元素內文字以什麼字型來顯示 語法 font family 字型1,字型2,說明 含空格字型名和中文,用英文引號括起 多個字型,用英文逗號隔開 引號巢...