您的位置：首页 > Web前端 > CSS

HTML基础：在网页中使用CSS定义样式（4）

2017-01-01 17:13 393 查看

下面的例子中，设置文字的样式为斜体、粗体。

（1）老的方法定义样式

em标签是斜体

strong标签是粗体

<!DOCTYPE HTML>
<HTML>
<HEAD>
<title>设置样式的老方法</title>
</HEAD>

<BODY>
<p><h2><em><strong>设置文字为斜体、粗体</strong></em></p>
</BODY>
</HTML>

（2）CSS方法定义样式
通过在head标签中增加style标签，在这个标签中定义样式。

用class的名字定义样式：

.类名 { 样式名称: 值; }

<!DOCTYPE HTML>
<HTML>
<HEAD>
<title>设置样式的老方法</title>
<style type="text/css">
.style1
{
font-size: xx-large;
font-style: italic;
font-weight: bold;
}
</style>
</HEAD>

<BODY>
<p class="style1">设置文字为斜体、粗体</p>
<p class="style1">新方法的好处是，定义一次样式，可以多次使用，很方便</p>
</BODY>
</HTML>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航