CSS基礎3 使用CSS格式化元素內容的字型

2021-06-26 06:40:03 字數 1427 閱讀 3877

1、css屬性單位

(1)長度單位:包括絕對長度單位和相對長度單位

絕對長度單位包括:cm、mm、in、pt、pc等。絕對長度單位最好用於列印輸出裝置,在僅作為頻幕顯示時,絕對長度值並沒有什麼意義。

相對長度單位包括:px、em、ex等。相對長度指元素尺寸相對於瀏覽器的系統預設值來相應的縮放。em是相對於當前物件中文字m的字型尺寸大小。ex是相對於當前物件中文字x的字型尺寸大小。如果當前對行內文字額字型尺寸未被人為設定,則相對於瀏覽器預設字型尺寸。

px,em,百分比的轉換:16px = 1em = 100%    1px = 0.0625em = 6.25%

(2)顏色單位

百分比表示,如color:rgb(50%,0,50%);

用0-255之間的整數值來設定,如color:rgb(128,0,127);

使用十六進製制陣列定義顏色,如color:#e1e1e1;

使用簡化的十六進製制數定義顏色,如color:#fa1;等同於#ffaa11;

用顏色的英文,如black(黑色),white(白色)等。

(3)url單位:格式是在"url"後面緊跟乙個括號,括號中是url的位址。

2、設定元素內容的字型

(1)設定字型名稱:font-family

可以設定如宋體,arial等字型。要使用安全字型(如arial 、verdana、宋體等),不能使用偏僻字型。可以同時制定多個字型,使用時用逗號分開,這樣設定好處在於,如果電腦裡沒有第乙個字型,瀏覽器可以使用後面指定的字型。

(2)字型傾斜程度:font-style

屬性值包括 normal/italic/oblique

(3)字型的變體:font-variant

屬性值包括 normal / small-caps。使用small-caps屬性的元素的字型中的大寫字母看起來要比正常的大寫字母小一些。

(4)字重:font-weight

屬性值包括 normal / bold / bolder / lighter / 100 / 200 / 300 / 400 / 500 / 600 / 700 / 800 / 900 。400相當於normal,700相當於bold,900是最重字型。 bolder 或 lighter 表示字型的字重比父元素高或低一級

(5)字型大小:font-size

屬性值包括:《絕對大小》(如12pt) / 《相對大小》(如1.5em) / 《百分比》(如150%)

(6)字型屬性的縮寫:font , 屬性順序按照,中間用空格分開。如 p

CSS格式化排版

文字排版 字型 我們可以使用css樣式為網頁中的文字設定字型 字型大小 顏色等樣式屬性。這裡注意不要設定不常用的字型,因為如果使用者本地電腦上如果沒有安裝你設定的字型,就會顯示瀏覽器預設的字型。因為使用者是否可以看到你設定的字型樣式取決於使用者本地電腦上是否安裝你設定的字型。現在一般網頁喜歡設定 微...

css格式化排版

1,文字排版 字型 語法 body 這裡注意不要設定不常用的字型,因為如果使用者本地電腦上如果沒有安裝你設定的字型,就會顯示瀏覽器預設的字型。因為使用者是否可以看到你設定的字型樣式取決於使用者本地電腦上是否安裝了你設定的字型 2,文字排版 字型大小 顏色 語法 body 3,文字排版 粗體 語法 標...

css格式化排版

css格式化排版 1.文字排版 字型 我們可以使用css樣式為網頁中的文字設定字型 字型大小 顏色等樣式屬性。如 body 2.文字排版 字型大小 顏色可 以使用下面 設定網頁中文字的字型大小為12畫素,並把字型顏色設定為 666 灰色 body 3.文字排版 粗體 我們還可以使用css樣式來改變文...