Skip to main content

Posts

Showing posts with the label How to embed internal css

TYPES OF CSS

We can write a CSS 3 ways in HTML  ðŸ‘‰ Inline CSS: Description: Applied directly within HTML tags using the style attribute. Use Case: Ideal for small-scale styling adjustments on specific elements. Example:          <p style="color:blue; font-size 16px;"> This is Inline css </p>   ðŸ‘‰Internal or Embedded CSS: Description: Placed within the <style> tags in the HTML <head> section. Use Case: Suited for styling a specific webpage; allows for a balance between specificity and reusability. Example: <head> <style> h1{color:green;} p{font-size: 16px;} </style> </head>  ðŸ‘‰External CSS: Description: Defined in a separate CSS file and linked to HTML using the <link> tag. Use Case: Promotes reusability across multiple pages; facilitates a centralized approach to styling. Example (HTML): <head> <link rel="stylesheet" type="text/css" href="style.css"> </head>