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