使用<strong>、<em>、<span>标签

来源:互联网 发布:win10调整软件字体大小 编辑:程序博客网 时间:2024/06/05 20:41

     1. HTML+CSS中的<em>和<strong>标签。

      共同点:在一段话中特别强调某几个文字

      不同点:  <em> 表示强调、在浏览器中<em> 默认用斜体表示

                      <strong> 表示更强烈的强调、在浏览器中<strong> 用粗体表示

语法:

<em>需要强调的文本</em>  

<strong>需要强调的文本</strong> 

      2.HTML+CSS中的<span>标签

        <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。

如,如下图。


代码实现:(主要实现商品名称和价格)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>化妆品</title>

<style>
span{
    color:red;

    font-weight:bold;
}
</style>
</head>
<body>
     <div class="price">

    <strong>MISSHA谜尚魅惑完美 修容红BB霜 防晒 隔离正品 韩国进口</strong>

    <span>¥ 134.00</span>

</body>
</html>

0 0