下面是一个示例,展示了如何使用 CSS 设置文本:
“`html
<!DOCTYPE html>
<html>
<head>
<title>设置文本</title>
<style>
body {
font-family: Arial, sans-serif;
h1 {
font-size: 28px;
color: #f00;
</style>
</head>
<body>
<h1>第一标题</h1>
<p>这是文本内容。</p>
</body>
</html>
在上面的代码中,大家使用了 `font-family` 属性来设置字体,并使用 `font-size` 属性和 `color` 属性来设置字体大小和颜色。大家还使用了 `h1` 和 `p` 标签来创建标题和段落元素,并设置了它们的字体样式。
除了字体样式,大家还可以使用 CSS 设置文本的格式、对齐方式、段落样式等。通过使用 CSS,大家可以轻松地创建精美的网页布局和样式。
# 序号标题
除了使用 CSS 设置文本的外观,大家还可以使用 CSS 创建序号标题。在 HTML 中,大家可以使用 `<h序号>` 和 `<p>` 标签来创建序号标题。例如:
“`html
<!DOCTYPE html>
<html>
<head>
<title>创建序号标题</title>
<style>
h1 {
font-size: 28px;
color: #f00;
font-weight: bold;
h2 {
font-size: 24px;
color: #f00;
font-weight: bold;
h3 {
font-size: 20px;
color: #f00;
font-weight: bold;
</style>
</head>
<body>
<h1>第一标题</h1>
<h2>第二标题</h2>
<h3>第三标题</h3>
</body>
</html>
在上面的代码中,大家使用了 `<h序号>` 和 `<p>` 标签来创建序号标题。`<h序号>` 标签设置了标题的字体样式,`<p>` 标签设置了文本的字体样式。
通过使用 CSS,大家可以轻松地创建序号标题,使它们在不同的网页上具有不同的样式和格式。