init

2023-05-01 19:37:40 +08:00
commit da2c0fadf7
133 changed files with 29002 additions and 0 deletions
--- a/Html-Css/14-精灵图.html
+++ b/Html-Css/14-精灵图.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width-device-width,initial-scale=1.0">
+    <title>精灵图</title>
+
+    <style>
+
+        .ico0,
+        .ico1,
+        .ico2,
+        .ico3,
+        .ico4
+            {
+                /*将行类标签转成行内块标签  */
+                display: inline-block;
+
+                width: 105px;
+                height: 32px;
+                background-color: #EEEE ;
+                background-image: url(./jlt.png);
+                background-position-x: -205px; 
+                background-repeat: no-repeat;             
+
+            }
+            .ico1 {
+                /* baclground-position: ; */
+                background-position-y: -37px;
+            }
+            .ico2 {
+                /* baclground-position: ; */
+                background-position-y: -74px;
+            }
+            .ico3 {
+                /* baclground-position: ; */
+                background-position-y: -111px;
+            }
+            .ico4 {
+                /* baclground-position: ; */
+                background-position-y: -148px;
+            }
+       
+
+    </style>
+
+</head>
+
+<body>
+
+<div>
+    <span class="ico0"></span>
+    1
+    <span class="ic1"></span>
+    2
+    <span class="ico2"></span>
+    3
+    <span class="ico3"></span>
+    4
+    <span class="ico4"></span>
+    5
+
+</div>
+
+ 
+</body>
+
+</html>