HTML巩固练习之字体样式

最新推荐文章于 2024-07-04 20:10:40 发布

又见蓝翔

最新推荐文章于 2024-07-04 20:10:40 发布

阅读量559

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_23901235/article/details/72829866

版权

本文介绍了HTML中的字体样式属性，包括font-family、font-size、font-weight、font-style和color。详细讲解了如何设置字体类型、大小、粗细、颜色以及倾斜效果，并提供了代码示例。重点强调了font-family的优先级设定和color的颜色值表示方式。

摘要由CSDN通过智能技术生成

字体样式属性包括：font-family(字体类型)、font-size(字体大小)、font-weight(字体粗细)font-style(字体斜体)color(颜色)。

1、font-family：可指定多个字体，多个字体将按优先顺序排列，以逗号隔开，注意逗号一定要是英文逗号。

如果电脑上没有定义的这些字体，浏览器将按照默认的字体来显示，默认情况下是“宋体”。

代码编写：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>字体类型</title>
    <style type="text/css">
        p{font-family :微软雅黑,Arial ,'Times New Roman' ;}
    </style>
</head>
<body>
    <p>按顺序优先使用字体</p>
</body>
</html>

浏览器运行效果：

2、font-size:属性值可以有两种使用方式，使用关键字和使用px作为单位的数值。

采用关键字的方式是相对浏览器默认情况下的字体大小而言。实际开发中很少使用这种方法，一般是采用像素作为单位的数值。

代码编写：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>font-size属性</title>
    <style type="text/css">
        #p1{font-size:xx-small;}
        #p2{font-size:x-small;}
        #p3{ font-size: small;}
        #p

最低0.47元/天解锁文章

又见蓝翔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML巩固练习之字体样式

字体样式属性包括：font-family(字体类型)、font-size(字体大小)、font-weight(字体粗细)font-style(字体斜体)color(颜色)。1、font-family：可指定多个字体，多个字体将按优先顺序排列，以逗号隔开，注意逗号一定要是英文逗号。如果电脑上没有定义的这些字体，浏览器将按照默认的字体来显示，默认情况下是“宋体”。代码编写：
复制链接

扫一扫

专栏目录