Posts

Showing posts from June, 2024

Attribute Selector

Image
  <! DOCTYPE html > < html lang = "en" >     < head >         < meta charset = "UTF-8" >         < meta name = "vieport" content = "width=device-width, initial-scale=1.0" >         < link rel = "stylesheet" href = "CSS_tutorial/style_six.css" >         < title > Attribute selector </ title >     </ head >     < body >         < h2 > Links < h2 >         < a href = "https://google.co.in" > Google India </ a >< br >         < a href = "https://google.co.uk" > Google Uk </ a >< br >         < a href = "https://flipkart.com" > Flipkart </ a >< br >         < a href = "facebook.com" > Facebook </ a >< br >       ...

Selectors in CSS

Image
  <! DOCTYPE html > < html lang = "en" >     < head >         < meta charset = "UTF-8" >         < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >         < link rel = "stylesheet" href = "CSS_tutorial/style_five.css" >         < title > Selectors in CSS </ title >     </ head >     < body >         < header >             < p > short paragraph inside header </ p >             < h1 class = "main-logo" ></ h1 >             < ul >                 < li >< a href = "" > Home </ a ></ li >                 < li >< a href = "" > ...

Utility Classes and ID vs Classes in CSS

Image
  <! DOCTYPE html > < html lang = "en" >     < head >         < meta charset = "UTF-8" >         < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >         < link rel = "stylesheet" href = "CSS_tutorial/style_three.css" >         < title > Utility Classes </ title >     </ head >     < body >         < h1 id = "heading" > Main Heading </ h1 >         < p class = "blog-content text-green bg-yellow" >             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem voluptatibus atque ullam amet ea pariatur dolore aliquam beatae accusantium sunt porro quam assumenda enim minima aut, consectetur veritatis possimus doloribus debitis necessitatibus numquam! Dicta a quidem animi natus ...

Fonts in CSS

Image
   <! DOCTYPE html > < html lang = "en" >     < head >         < meta charset = "UTF-8" >         < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >         < link rel = "stylesheet" href = "CSS_tutorial/style.css" >         < title > Font </ title >     </ head >     < body >         < h1 > Main Heading </ h1 >         < p > Lorem ipsum, dolor sit amet consectetur adipisicing elit.             Assumenda libero non cum laudantium ullam aliquam quos             nobis a fugiat. Reiciendis, quis id ut nisi pariatur,             sit accusamus culpa quibusdam voluptate, eius voluptatem.             Rerum eni...

CSS applying different ways

Image
   <! DOCTYPE html > < html lang = "en" >     < head >         < meta charset = "UTF-8" >         < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >         < link rel = "stylesheet" href = "CSS_tutorial/style.css" >         < title > Different ways to apply CSS </ title >         <!-- <style>             h1{                 color: green;             }         </style> -->     </ head >     < body >         <!-- <h1 style="color: red">Heading</h1> -->           < h1 > Heading </ h1 >     </ body > </ html > h1 {     c...