ITPub博客

首页 > IT职业 > IT图书 > CSS内联样式的使用,设置字体属性

CSS内联样式的使用,设置字体属性

IT图书 作者:mengmengxin 时间:2023-02-04 15:49:58 0 删除 编辑

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博客 ” ,链接:https://blog.itpub.net/70019667/viewspace-2933980/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: CSS 预处理器
请登录后发表评论 登录
全部评论
Mac版软件资源获取:http://t.cn/A66w81xj,win版软件资源获取:http://t.cn/A6irP7oQ

注册时间:2022-07-05

  • 博文量
    9
  • 访问量
    3273