CSS內聯樣式的使用,設定字型屬性
1,CSS設定字型名稱屬性(font-family):
示例:
<style> .fs1{font-family:Arial, Helvetica, sans-serif; }.fs2{font-family:黑體; }.fs3{font-family:"Times New Roman", Times, serif; }</style><span class="fs1">CSS設定字型屬性</span><br /><span class="fs2">CSS設定字型屬性</span><br /><span class="fs3">CSS設定字型屬性</span><br />
2,CSS設定字型大小屬性(font-size):
示例:
<style> .fs1{font-size:12px; }.fs2{font-size:16px; }.fs3{font-size:18px; }.fs3{font-size:24px; }</style> <span class="fs1">CSS設定字型大小屬性</span><br /><span class="fs2">CSS設定字型大小屬性</span><br /><span class="fs3">CSS設定字型大小屬性</span><br /><span class="fs4">CSS設定字型大小屬性</span><br />
3,CSS設定字型粗體屬性(font-weight):
示例:
<style> .b{font-weight:bold; } </style><span>CSS設定字型粗體,無粗體!</span><br /><span class="b">CSS設定字型粗體,有粗體</span><br />
4,CSS設定字型斜體屬性(font-style:italic;):
<style> .i{font-style:italic; } </style><span>CSS設定字型斜體,無斜體!</span><br /><span class="i">CSS設定字型斜體,有斜體</span><br />
5,CSS設定字型顏色屬性(color)
示例:
<style>body{font-size:14px; }.color1{color:#000; } /*黑色*/.color2{color:#f00; } /*紅色*/.color3{color:green; } /*綠色*/.color4{color:orange; } /*橙色*/.color5{color:blue; } /*藍色*/div{
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70019667/viewspace-2933980/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- css字型樣式屬性CSS
- CSS——CSS 給文字加樣式:① 字型屬性CSS
- HTML中設定多個class屬性css的優先順序,css樣式覆蓋HTMLCSS
- css字型樣式CSS
- CSS中常用的屬性設定CSS
- CSS字型屬性和文字屬性詳解CSS
- CSS——CSS 給文字加樣式:② 文字屬性CSS
- Android 樣式屬性的使用Android
- Hype如何設定字型樣式
- css內聯樣式的盒子模型CSS模型
- css樣式相關的驚豔的屬性CSS
- css字型設定CSS
- CSS 設定 <progress>樣式CSS
- CSS 設定列表樣式CSS
- CSS 設定文字樣式CSS
- 如何使用CSS3的屬性設定模擬邊框跟border效果一樣?CSSS3
- 行內元素屬性設定
- js設定頁面TR 的屬性 背景顏色 樣式JS
- CSS設定連線<a>的樣式CSS
- 001---css樣式規則及css字型樣式CSS
- 非佈局樣式-裝飾性屬性&CSS hackCSS
- CSS——行高、字型、文字的樣式CSS
- 二十款漂亮的CSS字型樣式CSS
- CSS 設定placeholder文字樣式CSS
- CSS 設定table表格樣式CSS
- CSS 設定連結樣式CSS
- CSS 設定svg元素樣式CSSSVG
- jQuery - 設定內容和屬性jQuery
- CSS設定半個文字的樣式CSS
- CSS 與 canvas 屬性設定畫布尺寸CSSCanvas
- CSS與canvas屬性設定畫布尺寸CSSCanvas
- CSS grid屬性的使用CSS
- CSS 設定<img>圖片樣式CSS
- Qt 設定全域性字型QT
- CSS學習筆記之字型樣式CSS筆記
- 樣式字型測試使用
- CSS設定第n個li元素樣式CSS
- web前端學習:CSS樣式設定技巧Web前端CSS