Question

我希望“p”为小写，12px Helvetica字体，浅，居中。我想DREAMWEAVER和，PHOTOSHOP，INDESIGN和ILLUSTRATOR是资本，大胆，12px Helvetica字体，大胆，居中。需要有换行符或行高空格。我如何拥有2种文字样式？

我的代码到目前为止：

今天的教训是         DREAMWEAVER和
        PHOTOSHOP
        还有         INDESIGN和
        ILLUSTRATOR

Answer 1

你可以在span中添加不同的单词并将它们设置为这样：

<p>
Today's lesson is<br>
<span>DREAMWEAVER AND
PHOTOSHOP</span>
and also<br>
<span>INDESIGN AND
ILLUSTRATOR</span>
</p>

和风格

p{
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
}

p span{

  display:block;
  font-size:12px;
  font-weight:bold;
  font-family:Helvetica, Arial, sans-serif;
  text-align:center;
}

Answer 2

对这些文本使用标题代码。例如：

Today's lesson is
<h1>DREAMWEAVER AND PHOTOSHOP</h1>
and also
<h1>INDESIGN AND ILLUSTRATOR</h1>

然后使用style.css来操作标题1，如：

h1{
font-size:12px;
font-weight:bold;
font-family:Helvetica, Arial, sans-serif;
text-align:center;
}

你也可以操纵段落：

p{
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
text-align:center;
}

如何在一行中编写2种文本样式？

2 个答案: