Inicio Explorar Axuda
Iniciar sesión
lovecoding
/
buke
10
0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Explorar o código

display

dongxiuling hai 1 ano
pai
c66ba2cadd
achega
8c80e27160
Modificáronse 4 ficheiros con 55 adicións e 2 borrados
Unificar vista Mostrar estatísticas de Diff
  1. 16 2
      css/4_基础样式.html
  2. 39 0
      css/5_display.html
  3. BIN=BIN
      images/.DS_Store
  4. BIN=BIN
      images/img01.jpeg

+ 16 - 2
css/4_基础样式.html
Ver ficheiro 

@@ -28,7 +28,7 @@
 
             height: 50px;
 
             height: 50px;
 
             background: red;
 
             background: red;
 
 
 
-            /* 字体相关属性 */
 
+        /* 字体相关属性 */
 
             /* 字体大小 最小12px  默认大小16*/
 
             /* 字体大小 最小12px  默认大小16*/
 
             font-size:25px;
 
             font-size:25px;
 
             /* 字体粗细 100 -900 默认值400|normal bold|700 */
 
             /* 字体粗细 100 -900 默认值400|normal bold|700 */
 
@@ -38,8 +38,22 @@
 
             /* 样式 风格 italic|normal */
 
             /* 样式 风格 italic|normal */
 
             font-style: 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>
 
     </style>
 
@@ -48,7 +62,7 @@
 
 <body>
 
 <body>
 
     <!-- <div id="div1">1111111</div> -->
 
     <!-- <div id="div1">1111111</div> -->
 
     <div id="div2">我是一个DIV</div>
 
     <div id="div2">我是一个DIV</div>
 
-
 
+    <a href="#">baidu </a>
 
 
 
 </body>
 
 </body>

+ 39 - 0
css/5_display.html
Ver ficheiro 

@@ -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>

BIN=BIN
images/.DS_Store
Ver ficheiro


BIN=BIN
images/img01.jpeg
Ver ficheiro