| 123456789101112131415161718192021222324252627 | 
							- <!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>
 
-         p {
 
-             color: #f00;
 
-             color: #00f;
 
-         }
 
-     </style>
 
- </head>
 
- <body>
 
-     <!-- 
 
-         选择器的优先级及其权重
 
-         !important > 行内样式(内联样式)> id选择器 > 类选择器 = 伪类选择器 = 属性选择器 > 伪元素选择器 = 标签选择器 > 通配符选择器
 
-     权重: 正无穷       1,0,0,0            0,1,0,0               0,0,1,0                    0,0,0,1              0,0,0,0
 
-      -->
 
-      <p style="color: #0f0;">1234</p>
 
-      <!-- 
 
-         HTML为什么语义化?
 
-         1.便携开发
 
-         2.方便搜索引擎(SEO)抓取数据
 
-       -->
 
- </body>
 
- </html>
 
 
  |