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>
-
8080端口被佔怎麼解決
在自己電腦上配置測試網站,要配置Apache服務器,並把服務器的一個站點配置在8080端口上時,卻提示8080端口已被佔用。端口被佔用了怎麼辦?下面一起看下怎麼解決。操作方法(01)首先,我們先找出是哪個程序佔用了這個端口。點擊‘開始’菜單,‘所有程序’,(02)所有程序裏,點擊‘...
-
怎樣給針式打印機換色帶
在我們使用針式打印機的過程中,色帶用完了怎麼辦?該如何更換?下面小編帶大家一起看看。操作方法(01)打開機蓋。(02)將圖示裝置推到中間來。(03)將新色帶對準安裝位置。(04)對準後將新色帶按下去。(05)將色帶上固定打印頭的裝置放在打印頭下,且對準打印頭。(06)對準槽孔後將裝置...
-
用CSS製作三角形,替代背景圖片
網頁設計,製作,在早期,一般都是用背景圖片來呈現三角形,比如一個提示窗口,有一個三角形圖標指示,這個圖標一般就是背景圖片來的。現在我們不用背景圖片,直接用CSS來生成,需要怎麼做呢?操作方法(01)先看下html代碼,代碼很簡單,就是幾個div,我們為其中一個div加上樣式名,angle,...
-
如何安裝淘寶數字證書
在使用支付寶或者淘寶的時候如果在電腦上未安裝數字證書,對個人的財產保護就不是很安全,那麼如何安裝淘寶數字證書呢?操作方法(01)在網頁上搜索支付寶,點擊進入。(02)登陸後點擊上方“安全中心”。(03)數字證書沒有使用,點擊“申請”。(04)點擊“申請數字證書”。(05)填寫信息...