css樣式表中字體加粗的屬性是什么?

CSS字體加粗的方法：

成都網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、微信小程序、集團(tuán)企業(yè)網(wǎng)站制作等服務(wù)項(xiàng)目。核心團(tuán)隊(duì)均擁有互聯(lián)網(wǎng)行業(yè)多年經(jīng)驗(yàn)，服務(wù)眾多知名企業(yè)客戶；涵蓋的客戶類型包括：墻體彩繪等眾多領(lǐng)域，積累了大量豐富的經(jīng)驗(yàn)，同時(shí)也獲得了客戶的一致贊美！

font-weight 屬性設(shè)置文本的粗細(xì)。使用 bold 關(guān)鍵字可以將文本設(shè)置為粗體。

例如：

html:

p字體加粗/p

css:

p{

font-weight:blod;

}

css中font樣式常用的使用方法：

font-style:規(guī)定字體樣式

font-weight:規(guī)定字體粗細(xì)

font-family:規(guī)定字體系列

兩種方法給字體加粗，一種就是直接用b標(biāo)簽，例如 : b粗/b

或者用css添加樣式? div style="font-weight: bold;" 加粗 /div

可以用的值有下面這些。400 等同于 normal，而 700 等同于 bold。

normal?? 默認(rèn)值

bold?? 定義粗體字符

bolder?? 定義更粗的字符

lighter?? 定義更細(xì)的字符

100

200

300

400

500

600

700

800

900

css樣式的屬性。

一、字體屬性

與字體有關(guān)的屬性包括：font-family,font-style,font-variant,font-weight,

font-size,font。執(zhí)行順序是：font-style,font-variant,font-weight,font-size

1、font-family:如果字體的名稱中含有空格，那么要加上雙引號(hào)。

2、font-style:normal|italic|oblique

3、font-variant:normal|small-caps

4、font-weight:normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900

normal相當(dāng)于400，bold相當(dāng)于700

5、font-size:absolute-size|relative-size|length|percentage

absolute-size:xx-small|x-small|small|medium|large|x-large|xx-large

relative-size:larger|smaller

6、font:font-style|font-variant|font-weight|font-size|line-height|font-family

font屬性可以一次定義前邊提到的所有的字體屬性。

二、顏色和背景屬性

1、color:一般指前景色。

2、background-color:背景色。

3、background-image:

body{background-image:url(marble.jpg)}

4、background-repeat:repeat|repeat-x|repeat-y|no-repeat

body{background-image:url(marble.jpg);background-repeat:repeat-y}

5、background-attachment:scroll|fixed

　設(shè)置文字在背景圖案上面滾動(dòng)，背景圖案保持固定不動(dòng)用fixed.

6、background-position:percentage|length{1,2}|top|center|bottom|left|center|right

7、background:background-color|background-image|background-repeat|background-attachment|background-position

可以一次設(shè)置前面的所有的有關(guān)背景的屬性。如body{background:white url(bg.jpg)}

三、文本屬性

1、word-spacing:normal|length

2、letter-spacing:normal|length

3、text-decoration:none|underline|overline|line-through|blink

4、vertical-align:baseline|sub|super|top|text-top|middle|bottom|text-bottom|percentage

這個(gè)屬性用來(lái)對(duì)齊圖片效果特別好。如image{vertical-align:baseline}

5、text-transform:capitalize|uppercase|lowercase|none

capitalize:每個(gè)單詞的第一個(gè)字母大寫(xiě)。

uppercase:所有字都大寫(xiě)。

lowercase:所有字都小寫(xiě)。

6、text-align:left|right|center|justify

7、text-indent:length|percentage

適用于塊級(jí)元素，定義文本首行的縮進(jìn)方式。如p{text-indent:1cm}

8、line-height:normal|number|length|percentage

四、容器屬性

1、margin-top:length|percentage|auto

如body{margin-top:0}

2、margin-right:同上

3、margin-bottom:同上

4、margin-left:同上

5、margin:length|percentage|auto {1,4}

前四個(gè)屬性都可以用margin來(lái)定義。如果給出的值少于四個(gè)，那么缺失的部分就取其對(duì)邊的值。

怎么給按鈕添加CSS樣式?

給按鈕添加css樣式的方法：

添加方法：

1、.btn {BORDER-RIGHT: #7b9ebd 1px solid; 右邊線

2、PADDING-RIGHT: 2px; 內(nèi)邊距 右

3、BORDER-TOP: #7b9ebd 1px solid; 上邊線

4、PADDING-LEFT: 2px; 內(nèi)邊距 左

5、FONT-SIZE: 12px; 文字大小

6、BORDER-LEFT: #7b9ebd 1px solid; 左邊線

7、CURSOR: hand; 鼠標(biāo)移上去時(shí)，變成手形。

8、COLOR: black; 顏色黑 （表示文字顏色）

9、PADDING-TOP: 2px; 內(nèi)邊距 上

10、BORDER-BOTTOM: #7b9ebd 1px solid }底邊線

擴(kuò)展資料

CSS樣式部分

大小 {font-size: 12px}，x-large;(特大) xx-small;(極小) 一般中文用不到，只要用數(shù)值就可以，單位：PX、PD

樣式 {font-style: oblique;}(偏斜體) italic;(斜體) normal;(正常)

行高 {line-height: normal;}(正常) 單位：PX、PD、EM

粗細(xì) {font-weight: bold;}(粗體) lighter;(細(xì)體) normal;(正常)

變體 {font-variant: small-caps;}(小型大寫(xiě)字母) normal;(正常)

大小寫(xiě) {text-transform: capitalize;}(首字母大寫(xiě)) uppercase;(大寫(xiě)) lowercase;(小寫(xiě)) none;(無(wú))

修飾 {text-decoration: underline;}(下劃線) overline;(上劃線) line-through;(刪除線) blink;(閃爍)

常用字體： (font-family)

"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana

背景屬性： (background)

色彩 {background-color: #FFFFFF;}

圖片 {background-image: url();}

重復(fù) {background-repeat: no-repeat;}

滾動(dòng) {background-attachment: fixed;}(固定) scroll;(滾動(dòng))

位置 {background-position: left;}(水平) top(垂直);

字間距 {letter-spacing: normal;} 數(shù)值 /*這個(gè)屬性有用，多實(shí)踐下*/

對(duì)齊 {text-align: justify;}(兩端對(duì)齊) left;(左對(duì)齊) right;(右對(duì)齊) center;(居中)

分享標(biāo)題：css樣式lighter的簡(jiǎn)單介紹
路徑分享：http://www.ekvhdxd.cn/article8/dscsdop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開(kāi)發(fā)、微信小程序、商城網(wǎng)站、自適應(yīng)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)