1 year ago · cad3b1a25d
--- a/.DS_Store
+++ b/.DS_Store
--- a/css/4_基础样式1.html
+++ b/css/4_基础样式1.html
@@ -24,6 +24,9 @@
 
				             */
			
 
				             background-position: center center ;
			
 
				         }
			
 
				+
			
 
				+
			
 
				+
			
 
				     </style>
			
 
				 </head>
			
 
				 <body>
			
--- a/css/5_基础样式字体.html
+++ b/css/5_基础样式字体.html
@@ -0,0 +1,33 @@
 
				+<!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>Document</title>
			
 
				+    <style>
			
 
				+        /* 字体相关样式 */
			
 
				+        div{
			
 
				+            /* 字体大小 */
			
 
				+            font-size:20px ;
			
 
				+            /* 字体 */
			
 
				+            font-family:Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;
			
 
				+            /* 字体粗细100-900  400|normal  700|bold  */
			
 
				+            font-weight:100 ;
			
 
				+            /* 字体样式  italic 斜体 | normal正常 */
			
 
				+            font-style:italic ;
			
 
				+            /* 文本颜色 */
			
 
				+            color:red;
			
 
				+        }
			
 
				+    </style>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div>
			
 
				+        我是一个div
			
 
				+    </div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+    
			
 
				+</body>
			
 
				+</html>
			
--- a/images/img04.jpeg
+++ b/images/img04.jpeg
--- a/css/test.html
+++ b/css/test.html
@@ -0,0 +1,22 @@
 
				+<!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>
			
 
				+       div{
			
 
				+        width: 200px;
			
 
				+        height: 500px;
			
 
				+        background-color: hotpink;
			
 
				+        background-image:url(./img04.jpeg) ;
			
 
				+        background-position: center center;
			
 
				+        background-repeat:no-repeat ;
			
 
				+       } 
			
 
				+    </style>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div>红红火火恍恍惚惚</div>
			
 
				+    
			
 
				+</body>
			
 
				+</html>