@@ -90,7 +90,7 @@
}
.main {
width: 600px;
- height: 600px;
+ height: 900px;
background: #00f;
color: #fff;
@@ -128,6 +128,14 @@
.main>p {
color: orange;
+ /*
+ 属性选择器
+ 格式:标签名[标签属性='xxx']{...}
+ */
+ img[alt='www'] {
+ width: 200px;
+ height: 200px;
+ }
</style>
</head>
<body>
@@ -160,6 +168,7 @@
<h5>33333</h5>
</div>
<p class="word">这是一段新文字</p>
+ <img src="../day1/images/1.jpg" alt="www">
</body>
</html>
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Document</title>
+</head>
+<body>
+ <!--
+ css优先级
+
+ 选择器:!important > 内联样式 > id选择器 > 类选择器 = 伪类选择器 = 属性选择器 > 伪元素选择器 = 标签选择器 > 通配符选择器
+ 权重: 正无穷 1,0,0,0 0,1,0,0 0,0,1,0 0,0,0,1 0,0,0,0
+ -->
+</body>
+</html>