html基础教程3

大家好,又和大家见面了,这节课我们讲style的用途和外部样式表的功能和用途

首先来个实例(style的)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML</title>
    </head>
    <body>
        <p class="p">hi!</p>
        <p>hi!</p>
    </body>
    <style>
        p.p {
            color: blue;
        }
    </style>
</html>

style是用来在HTML的内部样式表

外部样式表怎么用

HTML代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML</title>
        <!-- link大部分的用途是用来引用css! -->
        <link rel="stylesheet" type="text/css href="<!-- 文件名 -->">
    </head>
    <body>
        <p class="p">hi!</p>
        <p>hi!</p>
    </body>
   </html>

css代码

p.p {
    color: red;
}
p {
    color: blue;
}

因为这里是HTML教程,我就不一一解释了

下一期教程class

相关推荐