CSS 加粗使用CSS屬性單詞font-weight:
創(chuàng)新互聯(lián)建站主營(yíng)樂(lè)業(yè)網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都APP應(yīng)用開(kāi)發(fā),樂(lè)業(yè)h5小程序開(kāi)發(fā)搭建,樂(lè)業(yè)網(wǎng)站營(yíng)銷(xiāo)推廣歡迎樂(lè)業(yè)等地區(qū)企業(yè)咨詢(xún)
例子:
.yangshi1{ font-weight:bold}
.yangshi2{ font-weight:600}
font-weight對(duì)象值:從100到900,最常用font-weight的值為bold
font-weight參數(shù):
normal : 正常的字體。相當(dāng)于number為400。聲明此值將取消之前任何設(shè)置
bold : 粗體。相當(dāng)于number為700。也相當(dāng)于b對(duì)象的作用
bolder : IE5+ 特粗體
lighter : IE5+ 細(xì)體
number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
一、使用html 加粗標(biāo)簽
使用b標(biāo)簽或strong標(biāo)簽即可對(duì)文字粗體。
1、分別對(duì)應(yīng)語(yǔ)法如下:
b/b
strongstrong
2、應(yīng)用案例
1)、html案例完整代碼(可以拷貝測(cè)試):
!DOCTYPE?html?html?xmlns=""?head?meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/?title粗體實(shí)現(xiàn)?DIVCSS5案例/title?/head?body?我是正常字體br?/?b我被b粗體/bbr?/?strong我被strong粗體/strong?/body?/html
二、使用CSS樣式實(shí)現(xiàn)文字粗體顯示 ? - ??TOP
div+css布局中,使用css樣式實(shí)現(xiàn)文字字體粗體比較多的,只需要對(duì)對(duì)象設(shè)置一個(gè)粗體樣式屬性即可實(shí)現(xiàn)文本粗體,又稱(chēng)為css文字粗體。
1、css粗體樣式基礎(chǔ)
1)、單詞與介紹
font-weight,值為可以為從100到900,和bold,最常用font-weight的值為bold,也是所有瀏覽器均兼容。
2)、css 粗體語(yǔ)法:
div{font-weight:bold}
這樣就讓所有div對(duì)象內(nèi)文字字體加粗
css樣式表中字體加粗的屬性是:“font-weight”。
語(yǔ)法:font-weight:normal | bold | bolder | lighter | integer
normal:正常的字體。相當(dāng)于數(shù)字值400
bold:粗體。相當(dāng)于數(shù)字值700。
bolder:定義比繼承值更重的值(特粗體)
lighter:定義比繼承值更輕的值(細(xì)體)
integer:用數(shù)字表示文本字體粗細(xì)。取值范圍:100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
設(shè)置或檢索對(duì)象中的文本字體的粗細(xì)。作用由客戶(hù)端系統(tǒng)安裝的字體的特定字體變量映射決定。系統(tǒng)選擇最近的匹配。也就是說(shuō),用戶(hù)可能看不到不同值之間的差異。
擴(kuò)展資料
CSS font 屬性
在一個(gè)聲明中設(shè)置所有字體屬性:
p.ex2
{ font:italic bold 12px/20px arial,sans-serif; }
“font”簡(jiǎn)寫(xiě)屬性在一個(gè)聲明中設(shè)置所有字體屬性。
這個(gè)簡(jiǎn)寫(xiě)屬性用于一次設(shè)置元素字體的兩個(gè)或更多方面。使用 icon 等關(guān)鍵字可以適當(dāng)?shù)卦O(shè)置元素的字體,使之與用戶(hù)計(jì)算機(jī)環(huán)境中的某個(gè)方面一致。注意,如果沒(méi)有使用這些關(guān)鍵詞,至少要指定字體大小和字體系列。
可以按順序設(shè)置如下屬性:
font-style
font-variant
font-weight
font-size/line-height
font-family
可以不設(shè)置其中的某個(gè)值,比如 font:100% verdana; 也是允許的。未設(shè)置的屬性會(huì)使用其默認(rèn)值。
參考資料:百度百科-CSS樣式
!DOCTYPE?html
html
head
meta?charset="utf-8"?/
titletest/title
style?type="text/css"
ul.titlemenu?{
margin:?0;
padding:?0;
}
li.titlemenu?{
list-style-type:?none;
text-align:?center;
border-bottom:?1px?#fff?solid;
}
a?{
font-weight:?bolder;
font-size:?14px;
}
a.titlemenu:link,a.titlemenu:visited,a.titlemenu:active?{
display:?block;
color:?#000;
background-color:?#fff;
text-decoration:?none;
line-height:?50px;
padding-left:?14px;
}
a.titlemenu:hover?{
color:?#fff;
text-decoration:?none;
background-color:?#3fa200;
line-height:?50px;
padding-left:?14px;
}
/style
!--?script?type="text/javascript"?src="../jquery-1.8.0.min.js"/script?--
/head
body
ul?class="titlemenu"
li?class="titlemenu"a?class="titlemenu"abc123你/a
/li
/ul
/body
/html
fontweight可以給css屬性設(shè)置文本加粗。css中可使用fontweight屬性設(shè)置文字加粗,只需要給元素添加fontweightboldbolder樣式即可,值bold定義粗體字符,bolder定義更粗的字符。還可設(shè)置值為700、800或900來(lái)實(shí)現(xiàn)加粗即可。
新聞名稱(chēng):css加粗樣式,css樣式中字體加粗
瀏覽路徑:http://aaarwkj.com/article0/dssppio.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站內(nèi)鏈、服務(wù)器托管、App開(kāi)發(fā)、電子商務(wù)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)