CSS字體加粗的方法:
成都網(wǎng)站建設哪家好,找成都創(chuàng)新互聯(lián)公司!專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、微信小程序、集團企業(yè)網(wǎng)站制作等服務項目。核心團隊均擁有互聯(lián)網(wǎng)行業(yè)多年經(jīng)驗,服務眾多知名企業(yè)客戶;涵蓋的客戶類型包括:墻體彩繪等眾多領域,積累了大量豐富的經(jīng)驗,同時也獲得了客戶的一致贊美!
font-weight 屬性設置文本的粗細。使用 bold 關鍵字可以將文本設置為粗體。
例如:
html:
p字體加粗/p
css:
p{
font-weight:blod;
}
css中font樣式常用的使用方法:
font-style:規(guī)定字體樣式
font-weight:規(guī)定字體粗細
font-family:規(guī)定字體系列
兩種方法給字體加粗,一種就是直接用b標簽,例如 : b粗/b
或者用css添加樣式? div style="font-weight: bold;" 加粗 /div
可以用的值有下面這些。400 等同于 normal,而 700 等同于 bold。
normal?? 默認值
bold?? 定義粗體字符
bolder?? 定義更粗的字符
lighter?? 定義更細的字符
100
200
300
400
500
600
700
800
900
一、字體屬性
與字體有關的屬性包括:font-family,font-style,font-variant,font-weight,
font-size,font。執(zhí)行順序是:font-style,font-variant,font-weight,font-size
1、font-family:如果字體的名稱中含有空格,那么要加上雙引號。
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相當于400,bold相當于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
設置文字在背景圖案上面滾動,背景圖案保持固定不動用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
可以一次設置前面的所有的有關背景的屬性。如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
這個屬性用來對齊圖片效果特別好。如image{vertical-align:baseline}
5、text-transform:capitalize|uppercase|lowercase|none
capitalize:每個單詞的第一個字母大寫。
uppercase:所有字都大寫。
lowercase:所有字都小寫。
6、text-align:left|right|center|justify
7、text-indent:length|percentage
適用于塊級元素,定義文本首行的縮進方式。如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}
前四個屬性都可以用margin來定義。如果給出的值少于四個,那么缺失的部分就取其對邊的值。
給按鈕添加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; 鼠標移上去時,變成手形。
8、COLOR: black; 顏色黑 (表示文字顏色)
9、PADDING-TOP: 2px; 內(nèi)邊距 上
10、BORDER-BOTTOM: #7b9ebd 1px solid }底邊線
擴展資料
CSS樣式部分
大小 {font-size: 12px},x-large;(特大) xx-small;(極小) 一般中文用不到,只要用數(shù)值就可以,單位:PX、PD
樣式 {font-style: oblique;}(偏斜體) italic;(斜體) normal;(正常)
行高 {line-height: normal;}(正常) 單位:PX、PD、EM
粗細 {font-weight: bold;}(粗體) lighter;(細體) normal;(正常)
變體 {font-variant: small-caps;}(小型大寫字母) normal;(正常)
大小寫 {text-transform: capitalize;}(首字母大寫) uppercase;(大寫) lowercase;(小寫) none;(無)
修飾 {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();}
重復 {background-repeat: no-repeat;}
滾動 {background-attachment: fixed;}(固定) scroll;(滾動)
位置 {background-position: left;}(水平) top(垂直);
字間距 {letter-spacing: normal;} 數(shù)值 /*這個屬性有用,多實踐下*/
對齊 {text-align: justify;}(兩端對齊) left;(左對齊) right;(右對齊) center;(居中)
分享標題:css樣式lighter的簡單介紹
路徑分享:http://chinadenli.net/article8/dscsdop.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)、微信小程序、商城網(wǎng)站、自適應網(wǎng)站、手機網(wǎng)站建設、網(wǎng)頁設計公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)