精品大屁股国产公开在线,大香伊蕉人国产口爆吞精,亚洲中文有码字幕日本第一页

　CSS 實(shí)用實(shí)例

作者：Linyupark　時間： 2006-07-12　文檔類型：翻譯　來自：網(wǎng)絡(luò)維他命

第 1 頁 CSS 實(shí)用實(shí)例 [1]
第 2 頁 CSS 實(shí)用實(shí)例 [2]
第 3 頁 CSS 實(shí)用實(shí)例 [3]
第 4 頁 CSS 實(shí)用實(shí)例 [4]
第 5 頁 CSS 實(shí)用實(shí)例 [5]
第 6 頁 CSS 實(shí)用實(shí)例 [6]
第 7 頁 CSS 實(shí)用實(shí)例 [7]
第 8 頁 CSS 實(shí)用實(shí)例 [8]
第 9 頁 CSS 實(shí)用實(shí)例 [9]

Font 字體

設(shè)置文字的字體

運(yùn)行代碼框
<html> <head> <style type="text/css"> h3 {font-family: times} p {font-family: courier} p.sansserif {font-family: sans-serif} </style> </head> <body> <h3>This is header 3</h3> <p>This is a paragraph</p> <p class="sansserif">This is a paragraph</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

設(shè)置文字的大小

運(yùn)行代碼框
<html> <head> <style type="text/css"> h1 {font-size: 150%} h2 {font-size: 130%} p {font-size: 100%} </style> </head> <body> <h1>This is header 1</h1> <h2>This is header 2</h2> <p>This is a paragraph</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

設(shè)置文字的樣式

運(yùn)行代碼框
<html> <head> <style type="text/css"> h1 {font-style: italic} h2 {font-style: normal} p {font-style: oblique} </style> </head> <body> <h1>This is header 1</h1> <h2>This is header 2</h2> <p>This is a paragraph</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

字體變形

運(yùn)行代碼框
<html> <head> <style type="text/css"> p.normal {font-variant: normal} p.small {font-variant: small-caps} </style> </head> <body> <p class="normal">This is a paragraph</p> <p class="small">This is a paragraph</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

設(shè)置文字的粗細(xì)

運(yùn)行代碼框
<html> <head> <style type="text/css"> p.normal {font-weight: normal} p.thick {font-weight: bold} p.thicker {font-weight: 900} </style> </head> <body> <p class="normal">This is a paragraph</p> <p class="thick">This is a paragraph</p> <p class="thicker">This is a paragraph</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

所有文字的屬性一行解決

運(yùn)行代碼框
<html> <head> <style type="text/css"> p { font: italic small-caps 900 12px arial } </style> </head> <body> <p>This is a paragraph</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

出處：網(wǎng)絡(luò)維他命
責(zé)任編輯：moby

上一頁 CSS 實(shí)用實(shí)例 [2] 下一頁 CSS 實(shí)用實(shí)例 [4]

◎進(jìn)入論壇網(wǎng)站綜合、網(wǎng)頁制作版塊參加討論

相關(guān)文章

更多相關(guān)鏈接

首屆世界CSS設(shè)計大賽結(jié)果揭曉

《CSS權(quán)威指南》

實(shí)用在線工具集

web標(biāo)準(zhǔn)布局實(shí)例教程

組合CLASS來完成網(wǎng)頁布局風(fēng)格

作者文章

設(shè)計上的精挑細(xì)選會削弱網(wǎng)站

瀏覽器發(fā)展/CSS布局/怎樣運(yùn)用?


關(guān)鍵字搜索	常規(guī)搜索	推薦文檔
熱門搜索：CSS Fireworks 設(shè)計比賽網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG

站點(diǎn)最新

站點(diǎn)最新列表

周大�！熬�•自然”設(shè)計大賽開啟

國際體驗(yàn)設(shè)計大會7月將在京舉行

中國國防科技信息中心標(biāo)志征集

云計算如何讓安全問題可控

云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會

阿里行云

云手機(jī)年終巨獻(xiàn)，送禮標(biāo)配299起

阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"

1499元買真八核云OS雙蛋大促

首屆COCO桌面手機(jī)主題設(shè)計大賽

欄目最新

欄目最新列表

淺談JavaScript編程語言的編碼規(guī)范

如何在illustrator中繪制臺歷

Ps簡單繪制一個可愛的鉛筆圖標(biāo)

數(shù)據(jù)同步算法研究

用ps作簡單的作品展示頁面

CSS定位機(jī)制之一:普通流

25個最佳最閃亮的Eclipse開發(fā)項(xiàng)目

Illustrator中制作針線縫制文字效果

Photoshop制作印刷凹凸字體

VS2010中創(chuàng)建自定義SQL Rule

中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx