1)使用<p>标签搭建页面结构,并为每个<p>标签定义不同的类。 2) 为第一个<p>标签设置“微软雅黑”字体、18像素、红色、倾斜、加粗的的段落效果; 3) 为第二个p>标签设置为服务器字体、24像素、蓝色的段落效果。
时间: 2024-09-29 13:11:28 浏览: 35
第一个VC++中MFCAPPWizard小程序共11页.p
在HTML中,你可以使用`<p>`标签来创建段落,为了定义不同的样式,可以结合CSS来完成。这里是一个示例:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<style>
/* 第一个 <p> 标签的样式 */
.p1 {
font-family: "微软雅黑";
font-size: 18px;
color: red;
text-decoration: italic;
font-weight: bold;
}
/* 第二个 <p> 标签的样式 */
.p2 {
font-family: initial; /* 使用浏览器默认字体 */
font-size: 24px;
color: blue;
}
</style>
</head>
<body>
<h2>使用不同的CSS类定义段落样式</h2>
<p class="p1">这是第一个段落,样式已设置。</p>
<p class="p2">这是第二个段落,采用默认字体和定制大小和颜色。</p>
</body>
</html>
```
在这个例子中,`.p1`类设置了"微软雅黑"字体、18像素红色倾斜加粗的效果,而`.p2`类设置了24像素蓝色的效果,如果需要使用服务器字体,则可以在`.p2`类中的`font-family`属性改为你希望使用的服务器字体URL。请注意,实际应用中需将`initial`替换为实际的服务器字体名称或地址。
阅读全文