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 例項系列 - 03 - Rate 愛心評分
- 總結一些,書寫 CSS 的時候,經常犯的錯誤!
- 影片直播原始碼,CSS 修改捲軸樣式、信封邊框樣式
- 直播軟體app開發,HTML和CSS分別實現註冊頁面表單
- 千姿百態,瞬息萬變,Win11系統NeoVim打造全能/全棧編輯器(前端/Css/Js/Vue/Golang/Ruby/ChatGpt)
- 如何提高前端效能——字型篇
- 零基礎學前端之CSS文字與字型綜合案例
- CSS-@規則(At-rules)常用語法使用總結
- 從客群屬性去理解使用者, 亂點2023遊戲市場
- 【Django drf】檢視類APIView之五層封裝 ApiView的類屬性 drf配置檔案