ninth commit

Eren · Eren · commit 0766b180028c · 2023-02-04T18:34:13.000+03:00
diff --git a/1.using.html b/1.using.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Using CSS</title>
     <link rel="stylesheet" href="css/style.css">
-    <!-- <style>
+    <style>
 /*
 selector {
     css-özelliği : value
@@ -19,7 +19,7 @@
     background: red;
 }
 
-    </style> -->
+    </style>
 </head>
 <body>
     <!-- <h1 style="color: red">Başlık 1</h1> -->
diff --git a/10.margin.html b/10.margin.html
@@ -7,21 +7,21 @@
     <title>CSS - Margin</title>
     <style>
         div.box-1 {
-            /* top right bottom left */
-            /* margin: 50p 20px 50px 20px; */
-            /* top-bottom, right-left */
-            /* margin: 50px 20px; */
-            background: #a7a7a7;
-            width: 50%;
+            /* top right bottom left 
+             margin: 50p 20px 50px 20px; 
+             /* top-bottom: right-left;  */
+             margin: 50px 20px;
+             background: #a7a7a7;
+             width: 50%;
 
-            /* margin-left: auto;
-            margin-right: auto; */
+            margin-left: auto;
+            margin-right: auto; 
 
             margin: 0 auto;
-            /*margin-left: 50px;
+            margin-left: 50px;
             margin-right: 50px;
             margin-top: 50px;
-            margin-bottom: 50px; */
+            margin-bottom: 50px;  
         }
     </style>
 </head>
diff --git a/12.texts.html b/12.texts.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>CSS - Texts</title>
     <style>
-/* 
+
         h1 {
             background: seashell;
 
@@ -22,7 +22,7 @@
 
         .heading3 {
             text-align: right;
-        } */
+        }
 
         div {
             width: 400px;
diff --git a/13.fonts.html b/13.fonts.html
@@ -7,7 +7,7 @@
     <title>CSS - Fonts</title>
     <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">
 <style>
-    /* html {
+    html {
         font-size: 10px;
     }
     h1 {
@@ -25,7 +25,7 @@
     } 
     div span {
         font-size: 75%;
-    } */
+    }
 
     p {
         font-size: 1.5rem;
diff --git a/15.PseudoClass.html b/15.PseudoClass.html
@@ -27,9 +27,9 @@
         /* 
         selector: pseudo_class {
 
-        }
-        */ 
-        /* a {
+        } */
+        
+         a {
             font-size: 24px;
         }
         a:link {
@@ -46,9 +46,9 @@
         }
         a:active {
             color: blue;
-        } */
+        } 
 
-        /* input {
+         input {
             font-size: 1.5em;
             padding: 10px;
             border-radius: 4px;
@@ -60,7 +60,7 @@
             outline: 0;
             border: 2px solid red;
                         
-        } */
+        } 
 
     </style>
 </head>
diff --git a/16.PseudoElements.html b/16.PseudoElements.html
@@ -12,13 +12,13 @@
             line-height: 1.5em;
         }
 
-        /* .para1::first-line {
+        .para1::first-line {
             color:red;
         }
         .para1::first-letter {
             color: blue;
             font-size: 50px;
-        } */
+        }
 
         .para1::after {
             content: "Paragraf Sonrasi";
diff --git a/17.Nth-Child-Selector.html b/17.Nth-Child-Selector.html
@@ -24,7 +24,7 @@
             background: black;
         }
 
-        /* p:first-child {
+        p:first-child {
             background: blue;
         
         }
@@ -41,15 +41,15 @@
         p:nth-child(3) {
             color: blue; 
 
-        }*/
+        }
 
-        /* p:nth-child(even) {
+         p:nth-child(even) {
             color: red;
 
         }
         p:nth-child(odd) {
             color: blue;
-        } */
+        } 
         /* an + b -> n = 0, b = 0 */
     </style>
 </head>
diff --git a/2.basic-selectors.html b/2.basic-selectors.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Basic Selectors</title>
     <style>
-        /* Tüm H1 leri seç 
+        /* Tüm H1 leri seç  */
          h1 {
             color: red;
             background: blue;
@@ -49,7 +49,7 @@
             font-size: 30px;
         }
 
-        */
+        
         
     </style>
 </head>
diff --git a/20.Position.html b/20.Position.html
@@ -16,7 +16,7 @@
             left: 75px;
             z-index: -1;
         }
-/* 
+
         .outer-box {
             width: 200px;
             height: 200px;
@@ -31,9 +31,9 @@
             position: absolute;
             bottom: 10px;
             right: 10px;
-        } */
+        } 
 
-        /* .red {
+         .red {
             width: 100px;
             height: 100px;
             background-color: red;
@@ -50,18 +50,18 @@
             left: 5px;
             top: 5px;
             z-index: -1;
-        } */
+        } 
 
 
-        /* .fixed-topbar {
+         .fixed-topbar {
             width: 50%;
             padding: 20px;
             background-color: black;
             color: white;
             text-align: center;
             position: fixed;
             bottom: 20px;
-        } */
+        } 
 
     </style>
 </head>
diff --git a/21.Float.html b/21.Float.html
@@ -22,15 +22,15 @@
         .box-3 {
             background-color: green;
         }
-        /* .image1 {
+         .image1 {
             margin-right: 10px;
             float: left;
         }
 
         .image2 {
             margin-left: 10px;
             float: right;
-        } */
+        } 
     </style>
 </head>
 <body>
diff --git a/6.background-colors.html b/6.background-colors.html
@@ -10,16 +10,16 @@
         body {
             background: url("https://www.tekirdag.bel.tr/content/WebSource/image/galeri/yaz/1.jpg") no-repeat center center fixed;
             background-size: 100px;
-            /* background-image: url("https://www.tekirdag.bel.tr/content/WebSource/image/galeri/yaz/1.jpg");
+            background-image: url("https://www.tekirdag.bel.tr/content/WebSource/image/galeri/yaz/1.jpg");
             background-size: 100px;
             background-repeat: no-repeat;
             background-position: right top; 
-            background-attachment: fixed; */
+            background-attachment: fixed;
         
         }
-        /* .box-1 {
+        .box-1 {
             background: seagreen;
-             /* background-color: seagreen;
+              background-color: seagreen;
             color: white;
         }
 
@@ -31,7 +31,7 @@
             color: white;
         
         } 
-        */
+       
     </style>
 </head>
 <body>
diff --git a/7.borders.html b/7.borders.html
@@ -11,15 +11,15 @@
             width: 50px;
             height: 50px;
             border-radius: 50px;
-            /* border: 5px red solid; */
-            /* border: 10px red solid;
-            border-radius: 10px; */
-            /* border-left-width: 5px;
+            border: 5px red solid; 
+            border: 10px red solid;
+            border-radius: 10px; 
+            border-left-width: 5px;
             border-left-color: blue;
-            border-left-style: solid; */
-            /* border-width: 5px;
+            border-left-style: solid; 
+            border-width: 5px;
             border-color: red;
-            border-style: solid; */
+            border-style: solid; 
         }
     </style>
 </head>
diff --git a/9.display.html b/9.display.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>CSS - Display</title>
     <style>
-        /* .box {
+         .box {
             width: 50%;
             height: 100px;
         }
@@ -15,7 +15,7 @@
         }
         .box-2{
             background: blue;
-        } */
+        } 
 
         #test-link {
             display: inline-block;

Original file line number	Diff line number	Diff line change
`@@ -12,13 +12,13 @@`
`12`	`12`	`line-height: 1.5em;`
`13`	`13`	`}`
`14`	`14`
`15`		`- /* .para1::first-line {`
	`15`	`+ .para1::first-line {`
`16`	`16`	`color:red;`
`17`	`17`	`}`
`18`	`18`	`.para1::first-letter {`
`19`	`19`	`color: blue;`
`20`	`20`	`font-size: 50px;`
`21`		`- } */`
	`21`	`+ }`
`22`	`22`
`23`	`23`	`.para1::after {`
`24`	`24`	`content: "Paragraf Sonrasi";`