日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

CSS初級(jí)教程文本_CSS教程

編輯Tag賺U幣
教程Tag:暫無Tag,歡迎添加,賺取U幣!
你可以用大量的屬性來改變文本的大小和形態(tài),概括如下:

字體font-family

這是字體本身的名稱,如“Times News Roman”,“Arial”或者“Verdana”(又如“宋體”等中文字體名稱--譯者著)。
你指定的字體必須存在在用戶的電腦上,所以在CSS使用字體會(huì)存在某種程度上的不確定性。有少量“安全”的字體(最常用的是Arial,Verdana和Times New Roman)。但你可以指定不止一種字體,只要用半角英文逗號(hào),隔開就行。這樣做的目的是假如用戶的電腦上沒有你指定的第一個(gè)字體,瀏覽器會(huì)逐遍尋找羅列的字體直到找到電腦上安裝有的字體為止。這很有用因?yàn)椴煌碾娔X有時(shí)侯有不同的安裝字體。所以,例子font-family: arial, helvetica的目的就是用在PC(一般情況下有arial字體而沒有helvetica字體)和Apple Mac上(一般有helvetica字體而沒有arial字體)。
注重:假如一個(gè)字體的名稱超過一個(gè)單詞,它應(yīng)該用英文雙引號(hào)括起來,如:font-family: "Times New Roman"。

字體尺寸font-size

定義字體的尺寸。必須小心──像標(biāo)題一樣的文本不應(yīng)該是段落中的大字體而已,你應(yīng)該使用標(biāo)題標(biāo)簽(h1,h2 等)。甚至,在練習(xí)中,你可以使段落文本字體尺寸大于標(biāo)題(不推薦使用,假如你明智的話)。

字體加粗font-weight

這用來聲明文本粗細(xì)與否。實(shí)際應(yīng)用中一般只有兩種形式:font-weight: bold(粗體)和font-weight: normal(普通)。在理論上,它們的值有bolder(更粗),lighter(更細(xì)),100,200,300,400,500,600,700,800或者900,但許多瀏覽器會(huì)搖搖頭,說:“我不認(rèn)為這樣”,所以使用bold和normal是比較安全的。

字體樣式font-style

這定義文本正斜與否�?梢赃@樣使用 font-style: italic(傾斜)或者font-style: normal(正常)。

文本裝飾text-decoration

這用來聲明文本是否有劃線�?梢赃@樣使用:
text-decoration: overline──文本上面的劃線。
text-decoration: line-through──穿過文本的刪除線。
text-decoration: underline──這應(yīng)該只使用在連接中,因?yàn)橛脩粢话阏J(rèn)為連接才有下劃線。
這個(gè)屬性通常用來裝飾連接,而 text-decoration: none則是表示沒有任何劃線。

文本轉(zhuǎn)換text-transform

這可以轉(zhuǎn)換文本的大小寫。
text-transform: capitalize把每個(gè)單詞的首字母轉(zhuǎn)換成大寫。
text-transform: uppercase把所有的字母都轉(zhuǎn)換成大寫。
text-transform: lowercase把所有的字母都轉(zhuǎn)換成小寫。
text-transform: none?你自己試一試?yán)病?br/>
示例代碼 [hl5o.cn]
body {
font-family: arial, helvetica, serif;
font-size: 0.8em;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
a {
text-decoration: none;
}
strong {
font-style: italic;
text-transform: uppercase;
}

文本間距

字母間隔letter-spacing和文本間隔 word-spacing屬性分別用在字母間和單詞間的距離。它們的值可以是長(zhǎng)度或者默認(rèn)的普通normal。
line-height屬性為比如段落等元素設(shè)置行高,它并不改變字體的尺寸。它的值可以是長(zhǎng)度,百分比或者默認(rèn)的normal。
文本水平對(duì)齊text-align屬性將對(duì)元素里的文本向左、右、中間或者兩端對(duì)齊,自然,它們的值分別left(左)、 right(右)、center(中間)或者 justify(兩端)。
文本縮進(jìn)text-indent屬性依據(jù)你設(shè)置的長(zhǎng)度或者百分比值對(duì)文本段落的第一行進(jìn)行縮進(jìn)。在印刷中經(jīng)常會(huì)用到這樣的格式,然而在像網(wǎng)頁這樣的電子媒體中并不常用。

示例代碼 [hl5o.cn]
p {
letter-spacing: 0.5em;
word-spacing: 2em;
line-height: 1.5em;
text-align: center;
}

來源:無憂整理//所屬分類:CSS教程/更新時(shí)間:2006-10-15
相關(guān)CSS教程