54.0/CSS 样式属性(详细版)

光明是人的信仰

已于 2023-12-21 10:58:45 修改

阅读量1.1k

点赞数 26

文章标签： css 前端

于 2023-12-21 10:56:26 首次发布

本文链接：https://blog.csdn.net/m0_65227896/article/details/135002886

版权

本文详细介绍了CSS中的文本属性，包括设置字体、字号、颜色、加粗、修饰、排列和行高等。此外，还涵盖了列表属性和背景属性，如背景颜色、图片及其定位方式。通过实例展示了各种属性的应用效果。

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

54.1 文本属性

54.1.1 设置字体——font-family

54.1.2 设置字号（font-size）和字的颜色（color）

54.1.3 设置字体加粗——font-weight

54.1.4 添加文字修饰——text-decoration

54.1.5 设置文本排列方式——text-align

54.1.6 设置段落首行缩进——text-indent

54.1.7 调整行高——line-height

CSS 通过设置各种样式属性来控制页面的显示。 CSS 涉及的属性极其庞大，

这里我们将介绍一些常用的属性。

54.1 文本属性

与 HTML 相比，CSS 能更加精细地控制文本的显示

54.1.1 设置字体——font-family

在 HTML 中设置字体是使用的 <font> 标记的 face 属性，而在 CSS 中可以使

用 font-family 属性来设置字体。在定义英文字体时，若英文字体名是由多个单词

组成的，并且单词之间有空格，那么一定要将字体名用引号（双引号单引号均可）

引起来。

<html>
<head>
<title>设置字体</title>
<style type="text/css">
p{font-family: 华文彩云;}
</style>
</head>
<body>
<p>这段文字的字体是华文彩云。</p>
</body>
</html>

在浏览器中打开网页，效果如下：

应用 font-family 属性可以一次定义多个字体。如：

font-family: 字体 1，字体 2，字体 3，……；

在浏览器读取字体时，会按照定义的先后顺序来决定选用哪种字体。若浏览

器在计算机上找不到第一种字体，则自动读取第二种字体，若第二种也找不到，

则取第三种，依次类推。如果所有定义的字体都找不到，则选用计算机系统的默

认字体。

54.1.2 设置字号（font-size）和字的颜色（color）

<html>
<head>
<title>设置字号和颜色</title>
<style type="text/css">
p{font-family: 华文彩云;
 font-size: 24px;
 color: red;}
</style>
</head>
<body>
<p>这段文字的字体是华文彩云。</p>
</body>
</html>

在浏览器中打开网页，效果如下：

上例中的 px（像素）是一种尺度单位。除此之外还有以下几种：

上例中 “color: red;” 是一种表示颜色的方法，即以颜色的英文名称表示。除此

之外还有：

RGB 颜色

通过 设置红（R）、绿（G）、蓝（B） 三原色不同的值来设置颜色，其中每一

种单色的取值为 0~255 之间的整数。例如：

p{color: rgb(128,80,80);}

十六进制颜色

十六进制颜色使用最为普遍，它和 RGB 颜色相似，只是将数值转换成 16

进制的数字。写法为：#RRGGBB。

例如：

p{color: #FFAA88}

每一种单色的取值范围为 00~FF ，对应的十进制仍是 0~255</

最低0.47元/天解锁文章

光明是人的信仰

关注

26
点赞
踩
15

收藏

觉得还不错? 一键收藏
打赏
0
评论
54.0/CSS 样式属性(详细版)

CSS通过设置各种样式属性来控制页面的显示。CSS涉及的属性极其庞大，这里我们将介绍一些常用的属性。54.1 文本属性与HTML相比，CSS 能更加精细地控制文本的显示54.1.1设置字体在HTML中设置字体是使用的标记的face属性，而在CSS中可以使用属性来设置字体。在定义英文字体时，若英文字体名是由多个单词组成的，并且单词之间有空格，那么一定要将字体名用引号（双引号单引号均可）引起来。在浏览器中打开网页，效果如下：应用。
复制链接

扫一扫