我正在尝试创建一个网站,我想知道如何更改段落中文本的大小.我希望第1段比第2段更大.只要它更大,无论多大,都无关紧要.我该怎么做呢?
我的代码如下:
<html>
<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>Paragraph 1</p>
<p>Paragraph 2</p>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
Tha*_*nos 19
给他们一个课程,并将你的风格添加到课堂.
<style>
p {
color: red;
}
.paragraph1 {
font-size: 18px;
}
.paragraph2 {
font-size: 13px;
}
</style>
<p class="paragraph1">Paragraph 1</p>
<p class="paragraph2">Paragraph 2</p>
Run Code Online (Sandbox Code Playgroud)
检查此示例
Roe*_*eno 11
或者内联添加样式:
<p style="font-size:18px">Paragraph 1</p>
<p style="font-size:16px">Paragraph 2</p>
Run Code Online (Sandbox Code Playgroud)
小智 7
如果您只想增加任何文档的第一段的字体大小,即在线出版物使用的效果,那么您可以使用第一个子伪类来实现所需的效果.
p:first-child
{
font-size: 115%; // Will set the font size to be 115% of the original font-size for the p element.
}
Run Code Online (Sandbox Code Playgroud)
但是,这将更改作为任何其他元素的第一个子元素的每个p元素的字体大小.如果您对设置body元素的第一个p元素的大小感兴趣,请使用以下内容:
body > p:first-child
{
font-size: 115%;
}
Run Code Online (Sandbox Code Playgroud)
上面的代码只适用于作为body元素的子元素的p元素.