guorui
/
html_learn


			
							1234567891011121314151617181920212223242526272829303132333435363738394041
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--（内部css样式）-->
    <style>
        p {
            color: #1b00ff;
            font-size: 16px;
        }
    </style>
    <!--（导入外部样式）-->
    <link rel="stylesheet" href="05css导入方式（外部css样式）.css">
</head>
<body>

<!-- 优先级
三种导入方式的优先级:内联样式`>`内部样式表`>`外部样式表

-->


<!--  内联css样式  -->
<p style="color: #c011ff;font-size: 20px">
    这是一个自定义p标签的样式
</p>


<!--  内部css样式  -->
<p>这是一个添加了样式的p标签</p>


<!--外部样式-->
<h2>这个h2标签使用了外部样式</h2>


</body>
</html>