lovecoding
/
Vip0525


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 样式标签：style -->
    <!-- 外部样式表 -->
    <link rel="stylesheet" href="./1.css">
    <!-- 内部样式表 -->
    <style>
        div {
            width: 200px;
            height: 200px;
            background: #00f;
        }
    </style>
    <!-- 
        link 引入外部表
        rek 关系
        stylesheet 样式表
        href 地址
     -->
</head>
<body>
    <!-- 行内样式/内联样式 -->
    <div></div>
    <p>1111</p>
    <!-- 相同标签 后面样式会覆盖前面样式 -->
    <!-- 
        样式表优先级
            行内样式  > 内部 = 外部 （谁在后面相同标签优先级大）
     -->
    <!-- <div style="width: 300px;height: 300px;background: red;"></div> -->
</body>
</html>