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)頁面運行後,可以...