html教程 内容:16

HTML分类元素使类定义CSS样式

  • 查看作者
  • 对HTML进行分类,能够为元素的类定义CSS样式。为相同的类设置相同的样式,或者为不同的类设置不同的样式。

    分类块级元素

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    .cities {
        background-color:black;
        color:white;
        margin:20px;
        padding:20px;
    } 
    </style>
    </head>
    <body>
    <div class="cities">
    <h2>标题</h2>
    <p>内容</p>
    </div>
    <div class="cities">
    <h2>标题</h2>
    <p>内容</p>
    </div>
    </body>
    </html>

    PS:div元素是块级元素,它能够用作其他HTML元素的容器

    分类行内元素

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    span.red {color:red;}
    </style>
    </head>
    <body>
    <h1>内容<span class="red">内容</span>内容</h1>
    </body>
    </html>

    PS:span元素是行内元素,能够用作文本的容器。

    请登录之后再进行评论

    登录
    最新评论