首頁  >  文章  >  web前端  >  css如何設定黑體樣式

css如何設定黑體樣式

王林
王林原創
2020-11-16 16:50:183886瀏覽

css設定黑體樣式的方法:可以利用font-family屬性來進行設置,例如【font-family: 黑體;】。 font-family屬性用來指定一個元素的字體。

css如何設定黑體樣式

屬性介紹:

font - family屬性指定一個元素的字體。

(學習影片分享:css影片教學

有兩種類型的字體系列名稱:

  • family- name - 指定的系列名稱:具體字體的名稱,例如:"times"、"courier"、"arial"。

  • generic-family - 通常字體系列名稱:例如:"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace。

#提示:使用某種特定的字體系列(Geneva)完全取決於用戶機器上該字體系列是否可用;這個屬性沒有指示任何字體下載。因此,強烈建議使用一個通用字體系列名作為後路。

屬性值:

  • family-name\generic-family    用於某個元素的字體族名稱或/及類別族名稱的一個優先表。預設值:取決於瀏覽器。

  • inherit    規定應該從父元素繼承字體系列。   

## 範例:


#

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style>
			.s {
				font-family: SimHei;
			}
			.ss {
				font-family: 黑体;
			}
		</style>
	</head>
	<body>
		<p class="s">测试黑体</p>
		<p>普通字体</p>
		<p class="ss">测试黑体</p>
	</body>

</html>

相關推薦:

CSS教學
#

以上是css如何設定黑體樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn