CSS如何設定字型的型別 大小 顏色

2022-05-30 04:33:08 字數 1308 閱讀 6506

設計網頁時,一般設定body的字型,讓其他標籤繼承body的字型,這樣設定特別方便,但是標題標籤h1到h6和表單標籤(input型別)是沒有繼承body的字型屬性的,它們的字型需要單獨設定。

css設定字型的型別、大小、顏色

設定字型的型別

1字型的型別通過下面這段**設定:

font-family : 微軟雅黑,宋體, 'new york';

font-family翻譯為中文是「字型家族」,就是告訴瀏覽器,優先使用哪一種字型,誰排在最前面,就先使用這種字型,這裡是「微軟雅黑」;

2多種字型使用逗號間隔,字型名中帶有空格或#、$的,需要加單引號或雙引號。

3如果作業系統中「微軟雅黑」,xp系統中就沒有這種字型,那麼就會使用「宋體」,如果沒有「宋體」,就會再使用系統中預設的字型,不過作業系統中一般都是有「宋體」的,而且,如果沒有給網頁設定字型型別,網頁就會按照作業系統中預設的字型來顯示。

end1

字型大小通過下面這段**設定:

font-size : 1em;

font-size 翻譯為中文是「字型尺寸」,它的單位一般是px(畫素)或em(字型高度)。

2中國的許多**的預設字型是12px,而且很多人使用的是ie瀏覽器,像ie6,使用者是不能改變網頁字型大小的,而現在主流的瀏覽器,只需要按住ctrl後,滾動滑輪就可以放大縮小網頁了。

3單位em是一種相對的字型高度,一般的瀏覽器都預設為16px,需要注意的是,em會繼承父元素的字型大小。

比如設定body字型大小為1em,p的字型大小為0.8em,那麼換算為畫素,p標籤的實際單位是 1 * 0.8 * 16px = 12.8px。

不過,為了簡化em和px的換算,一般設定body的font-size為62.5%,然後使用em設定其他標籤的字型大小,這樣,em換算為px只需要乘以10就行了,比如1em = 1 * 62.5% * 16px = 10 px

4很多人都推薦使用em作為網頁字型單位,有2點好處,不過我的實踐告訴我,似乎並不太重要。

(1)當對ie6設定了字型更大或更小後,所有字型都可以按照比例放大縮小。不過,使用ie6的人越來越少了,現在主流的瀏覽器,按住ctrl,滑動滑輪,就可以放大縮小了。

(2) 通過修改body的大小,就能按比例修改所有字型大小,因為body是其他字型的基準。這個一般是先設定body大小,然後設定其他標籤大小,此時,若是修改了body的大小,其他標籤的大小就會跟著變了。

end設定字型的顏色通過下面的**:

color : #f00;

color是顏色的意思,color用來設定乙個標籤的前景色,表現出來也就是元素文字的顏色。

它的值,一般都是使用#加16進製制的顏色值來表示。

設定UIButton字型的大小

引入 在ios程式中設定 uibutton 的字型大小。實現方式 btn.frame cgrectmake x,y,width,height btn settitle search forstate uicontrolstatenormal 設定按鈕上的自體的大小 btn setfont uifon...

如何使用Qt4,設定QLabel中字型的顏色。

其實,這是乙個比較常見的問題。大致有幾種做法 一是使用setpalette 方法 二是使用樣式表 三是可以使用qstyle 四是可以在其中使用一些簡單的html樣式。下面就具體說一下,也算是個總結吧。第一種,使用setpalette 方法如下 qlabel label new qlabel tr h...

使用Qt4如何設定QLabel中字型的顏色

其實,這是乙個比較常見的問題。大致有幾種做法 一是使用setpalette 方法 二是使用樣式表 三是可以使用qstyle 四是可以在其中使用一些簡單的html樣式。下面就具體說一下,也算是個總結吧。第一種,使用setpalette 方法如下 qlabel label new qlabel tr h...