浏览代码

html+css+js快速入门

admin 1 年之前
父节点
当前提交
328f5884e9

+ 32 - 1
html+css+js快速入门/06css选择器.html

@@ -3,11 +3,42 @@
 <head>
     <meta charset="UTF-8">
     <title>Title</title>
+    <style>
+        /* 元素选择器 */
+        h1{
+            color: #f39b12;
+        }
+
+        /* 类选择器 */
+        .div_class{
+            color: #1b00ff;
+            font-family: KaiTi;
+            background-color: #0078d7;
+        }
+
+        /* ID选择器 */
+        #css1{
+            color: #eb7350;
+        }
+
+
+        /* 类选择器 */
+        *{
+            font-family: FangSong;
+        }
+
+
+
+
+    </style>
 </head>
 <body>
-    <h1>不同类型的CSS选择器</h1>
+    以下所有都使用了通用选择器
+    <h1>这是h1通用元素选择器</h1>
 
+    <h1 class="div_class">这是h1类选择器</h1>
 
+    <h1 ID="css1">这是使用了ID选择器</h1>
 
 
 </body>

+ 35 - 0
html+css+js快速入门/07css常见属性.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>css常见属性</title>
+    <style>
+      #css2{
+        /*字体颜色*/
+        color: #eb7350;
+
+        /*字体*/
+        font-family: FangSong;
+
+        /*字体粗细*/
+        font-weight: bold;
+
+        /*字体底色*/
+        background-color: #eb7350;
+
+
+
+      }
+
+
+    </style>
+</head>
+<body>
+
+
+
+
+
+
+</body>
+</html>

+ 0 - 0
html+css+js快速入门/看;