03文字属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文字属性</title>
    <style>
        p{
            font-style: italic;
            font-weight: bold;
            font-size: 10px;
            font-family:"楷体";
        }
    </style>
</head>
<body>
<!--
1.规定文字样式的属性
格式:font-style: italic;
取值:
normal : 正常的, 默认就是正常的
italic :  倾斜的
快捷键:
fs font-style: italic;
fsn font-style: normal;

2.规定文字粗细的属性
格式: font-weight: bold;
单词取值:
bold 加粗
bolder  比加粗还要粗
lighter 细线, 默认就是细线
数字取值:
100-900之间整百的数字
400 等同于 normal,而 700 等同于 bold, 而 900 等同于 bolder。

快捷键
fw font-weight:;
fwb font-weight: bold;
fwbr  font-weight: bolder;

3.规定文字大小的属性
格式:font-size: 30px;
单位:px(像素 pixel)
注意点: 通过font-size设置大小一定要带单位, 也就是一定要写px
快捷键
fz font-size:;
fz30 font-size: 30px;

4.规定文字字体的属性
格式:font-family:"楷体";
注意点:
1.如果取值是中文, 需要用双引号或者单引号括起来
2.设置的字体必须是用户电脑里面已经安装的字体
快捷键
ff font-family:;

-->
<i>我是文字</i>
<b>我是文字</b>
<p>abc我是段落</p>
</body>
</html>

1 font-style的作用是什么,有哪些取值
改变样式
2 font-weight的作用是什么,有哪些取值
改变粗细
3 font-size的作用是什么,有什么注意点
改变大小
4 font-family的作用是什么,有什么注意点
改变字体

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 图文/小久英 【松果】 针林密叶 交错层叠 穿越山野,四季无常 遍布丛林,晴时有风 松果无情 松落有情 我所理解的...
    小久英阅读 1,846评论 20 44
  • 朋友M小姐退掉了报名三年的驾校考试报名费。 退款的时候驾校的工作人员无奈的摇了摇头。这样的交了钱没来考试的人太多了...
    海明威的海阅读 858评论 1 4
  • 在我小时候的那个年代还没有彩铅这种这么高级的东东,都是拿着2B铅笔照着石膏像能画出一个大概轮廓,就觉得很牛逼...
    Dayan往北飞阅读 1,199评论 2 5
  • 件数:27 分值:35100 单笔:2.1 分享单:5.7 跑裤:9.5 4字头:2.5 客资:蓝卡 3,黄卡 2...
    GIRDEAR哥弟蕾蕾阅读 150评论 0 0