codewithmayank

mayankvishnoi24 · mayankvishnoi24 · commit f76e24cc98fa · 2024-06-21T14:50:23.000+05:30
diff --git a/0.5.Selector CSS/index.html b/0.5.Selector CSS/index.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Selector in css</title>
+    <style>
+      * {
+        /* It is used for universal selector */
+      }
+
+      h1 {
+        color: rgb(0, 0, 0);
+        text-transform: capitalize;
+      }
+
+      p {
+        text-transform: uppercase;
+        color: red;
+      }
+
+      h2 p {
+        text-align: center;
+        color: rgb(255, 34, 0);
+      }
+    </style>
+  </head>
+
+  <body>
+    <!-- 
+        Selector CSS
+    -->
+
+    <!-- Block css -->
+    <div id="id_css"></div>
+    <div class="class_css"></div>
+
+    <!-- name selector -->
+    <h1>welcome</h1>
+    <p>
+      Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor accusamus
+      itaque laudantium nihil fugiat est eligendi nulla aliquam distinctio
+      cupiditate.
+    </p>
+
+    <!-- CSS Grouping Selector -->
+    <h2>welcome</h2>
+    <p>
+      Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor accusamus
+      itaque laudantium nihil fugiat est eligendi nulla aliquam distinctio
+      cupiditate.
+    </p>
+
+    <!-- A CSS selector can contain more than one simple selector. Between the simple selectors, we can include a combinator.
+
+There are four different combinators in CSS:
+
+descendant selector (space)
+child selector (>)
+adjacent sibling selector (+)
+general sibling selector (~) -->
+
+
+  </body>
+</html>
diff --git a/0.5.Selector CSS/readme.md b/0.5.Selector CSS/readme.md
@@ -0,0 +1,29 @@
+<!-- 
+    . : class selector
+    # : id selectors
+    * : universal selector     
+    h1 : tagname selector
+    CSS Grouping Selector   
+-->
+
+##CSS Selectors
+--
+A CSS selector selects the HTML element(s) you want to style.
+
+CSS Selectors
+
+CSS selectors are used to "find" (or select) the HTML elements you want to style.
+
+We can divide CSS selectors into five categories:
+
+Simple selectors (select elements based on name, id, class)
+
+Combinator selectors (select elements based on a specific relationship between them)
+
+Pseudo-class selectors (select elements based on a certain state)
+
+Pseudo-elements selectors (select and style a part of an element)
+
+Attribute selectors (select elements based on an attribute or attribute value)
+
+This page will explain the most basic CSS selectors.
diff --git a/01.Backgound_property/index.html b/01.Backgound_property/index.html
@@ -21,6 +21,7 @@
             <li>About</li>
           </ul>
         </nav>
+
         <div class="box2">
             <img src="/img/car-1.png" alt="" width="200px" height="200px" />
             <h1>Car1</h1>
