1 jaar geleden · 8c80e27160
--- a/css/4_基础样式.html
+++ b/css/4_基础样式.html
@@ -28,7 +28,7 @@
 
				             height: 50px;
			
 
				             background: red;
			
 
				 
			
 
				-            /* 字体相关属性 */
			
 
				+        /* 字体相关属性 */
			
 
				             /* 字体大小 最小12px  默认大小16*/
			
 
				             font-size:25px;
			
 
				             /* 字体粗细 100 -900 默认值400|normal bold|700 */
			
@@ -38,8 +38,22 @@
 
				             /* 样式 风格 italic|normal */
			
 
				             font-style: normal;
			
 
				 
			
 
				+        /* 文本相关样式 */
			
 
				+            /* 水平对齐：left左|center中|right右 */
			
 
				+            text-align:left ;
			
 
				+            /* 垂直对齐方式  行高(line-height)=高 实现文本的垂直居中*/
			
 
				+            line-height:50px ;
			
 
				+            /* 文本缩进 */
			
 
				+            text-indent:20px ;
			
 
				         }
			
 
				 
			
 
				+        a{
			
 
				+            /* 文本修饰 none没有|  line-through中划线 |underline下划线| overline上划线（不使用） */
			
 
				+            text-decoration:overline;
			
 
				+        }  
			
 
				+
			
 
				+
			
 
				+
			
 
				 
			
 
				 
			
 
				     </style>
			
@@ -48,7 +62,7 @@
 
				 <body>
			
 
				     <!-- <div id="div1">1111111</div> -->
			
 
				     <div id="div2">我是一个DIV</div>
			
 
				-
			
 
				+    <a href="#">baidu </a>
			
 
				 
			
 
				 </body>
			
 
				 
			
--- a/css/5_display.html
+++ b/css/5_display.html
@@ -0,0 +1,39 @@
 
				+<!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>
			
 
				+        #div1{
			
 
				+           
			
 
				+            background: red;
			
 
				+            width: 200px;
			
 
				+            /* block块级元素|inline行级元素|inline-block行级块元素|none隐藏 */
			
 
				+            display: block;
			
 
				+        }
			
 
				+        span{
			
 
				+            background: green;
			
 
				+            /* display: block; */
			
 
				+        }
			
 
				+    </style>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <!-- 元素分为行级元素和块级元素
			
 
				+        inline行级元素: 1、宽度是内容撑的 多个占一行  2、不能设置宽高 
			
 
				+
			
 
				+        block块级元素：1宽度是充满父元素 自己占一行 2 可以设置宽高 
			
 
				+
			
 
				+        inline-block 行级块元素 ：既可以多个占一行 又可以设置宽高
			
 
				+        
			
 
				+    -->
			
 
				+    <div id="div1">aaa</div>
			
 
				+    <span>gfgffggf</span>
			
 
				+    <span>gfgffggf</span>
			
 
				+    <span>gfgffggf</span>
			
 
				+
			
 
				+
			
 
				+    
			
 
				+</body>
			
 
				+</html>
			
--- a/images/.DS_Store
+++ b/images/.DS_Store
--- a/images/img01.jpeg
+++ b/images/img01.jpeg