當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

css文字加粗font-weight

css文字加粗font-weight

更新時間:2023-06-12 文章作者:未知 信息來源:網絡 閱讀次數:

網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。

【實例介紹】

css文字加粗font-weight

在HTML里使用<b>標記設置文字為粗體顯示,而在CSS中利用font—weight屬性來設置字體的粗細。然而遺憾的是,實際上大多數操作系統和瀏覽器還不能很好地實現非常精細的文字加粗設置,通常只能設置“正!焙汀凹哟帧眱煞N粗細。

【基本語法】

<font-weight:字體粗度值>

【語法介紹】

font—weight的取值范圍包括normal、bold、bolder、lighter、number。其中normal表示正常粗細;bold表示粗體;bolder表示特粗體;lighter表示特細體;number不是真正的取值,其范圍是100~900,一般情況下都是整百的數字,如100、500等。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title> </head> <style type="text/css"> <!-- .h { font-family: "宋體"; font-size: 14px; font-weight: bold; } --> </style> </head> <body> <span class="h">冷風,過境回憶,殘留在落葉的秋。抬頭,仰望著天空, 所有的思緒都集中在過去的回憶里,回憶似星辰,這話一點都不假。有些時候, 真的不想懂得一些東西,可世界就是這樣的,你越不想懂就越讓你懂。恨自己 真的很沒用,你越是想得到的東西,就越讓你得不到,你只能當她是一個夢, 一個遙遠的夢。</span><br /> </body> </html>

【代碼分析】

此段代碼中首先在<head></head>之間,定義了h標記中的加粗字體font—weight為粗體bold然后在正文中對文本應用h樣式,在瀏覽器中預覽效果,如圖所示。

文字加粗font-weight運行效果

 【素材及源碼下載】

請點擊:css文字加粗font-weight 下載本實例相關素材及源碼

 


網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

亚洲嫩草影院久久精品