HTML網頁製作:[17]CSS常用樣式字型及顏色屬性
CSS在網頁中應用非常廣泛,今天我就來分享一些關於文字的CSS樣式屬性。一起來學習一下吧!
操作方法
(01)如圖,比如我們有一段文字hello html!。
(02)然後在瀏覽器中預覽一下最初始的效果。
(03)然後我們在網頁中新增style標籤,從而設定CSS樣式。
(04)如圖,書寫標籤名加花括號,這裡我使用的是p標籤。如果你用的是其他標籤,則修改為其他標籤。
(05)接著書寫書寫font-family,font-family是關於字型的屬性,這裡我設定成微軟雅黑,你也可以設定成楷體,隸書等,注意要帶上雙引號哦。
(06)接著再來預覽,可以看到字型變成微軟雅黑了哦。
(07)再來書寫屬性font-size,這個屬性是設定文字的大小的。這裡我就設定成36px,px表示畫素。數值越大則文字越大。
(08)接著預覽效果,就會發覺字號變大了。
(09)接著設定font-style,這個屬性是設定文字的風格,我設定的是斜體italic,預設是normal。
(10)接著預覽效果可以看到文字變成斜體了哦。
(11)設定文字是否為粗體可以用屬性font-weight,這裡我設定為bolder,或者也可以設定成bold。
(12)這樣文字就會加粗了。
(13)而color這個屬性可以設定文字的顏色,這裡我就設定成red紅色了。你也可以設定成blue藍色,orange橙色,pink粉色等。
(14)最後,網頁文字變成紅色的了。
(15)貼出原始碼可以參考參考。<!doctype html><html lang="en"><head><meta charset="UTF-8" /><title>Document</title><style type="text/css">p{font-family: "微軟雅黑";font-size: 36px;font-style: normal;font-weight: bolder;color: red;}</style></head><body><p>hello html!</p></body></html>
-
斐訊(phicomm)無線路由器怎麼設定
無線路由器的種類有很多,WiFi對人類生活越來越重要,每種無線路由器的設定不同,小編在這裡給大家介紹一下斐訊(phicomm)無線路由器怎麼設定。操作方法(01)將插在電腦上的網線拔掉,用額外準備的網線一頭連線電腦一頭連線路由器數字口,下面的“LAN口”都可以,把剛剛從電腦...
-
qq手機密保怎麼解綁
在更換新手機號後qq上面繫結的之前的手機號就不能用了,那qq手機密保怎麼解綁呢?請看下面解析。操作方法(01)登入qq,點選左下角“主選單”》點選“安全”》點選“安全中心首頁”。(02)進入安全中心頁面後,點選右側密保手機“更換”。(03)輸入新的手機號碼進行原手機密保解...
-
電腦上著怎樣將錄音轉文字
工作中如果我們收到一份錄音檔案需要將其轉換為文字,那麼我們應該怎樣在電腦上快速實現這個問題呢?下面小編就來給大家分享一個可以輕鬆實現錄音轉文字的方法來幫助大家實現這個問題。操作方法(01)先在電腦上準備好需要進行轉換的錄音檔案,然後再通過電腦瀏覽器搜尋...
-
HTML分隔線如何美化?
做HTML頁面開發時,在幾段文字之間,或幾塊內容之間,經常會使用分隔線去做分隔,以讓頁面顯示更加有條理。分隔線我們基本上都是用hr標籤去生成,怎麼去美化這個分隔線?下面一起看下。操作方法(01)先看下我們的html程式碼,二個p段落,中間用hr作分隔,程式碼如圖。(02)頁面執行後,可以...