🎨CSS āύāϤ⧁āύāĻĻ⧇āϰ āϜāĻ¨ā§āϝ āϏāĻšāϜ āĻ—āĻžāχāĻĄ

āφāĻŽāϰāĻž āφāϗ⧇āϰ āĻĒā§‹āĻ¸ā§āĻŸā§‡ HTML āϏāĻŽā§āĻĒāĻ°ā§āϕ⧇ āĻĒā§āϰāĻžāĻĨāĻŽāĻŋāĻ• āϧāĻžāϰāĻŖāĻž āύāĻŋāϝāĻŧ⧇āĻ›āĻŋāĨ¤ āĻāĻŦāĻžāϰ āφāĻŽāϰāĻž āϜāĻžāύāĻŦā§‹ CSS āϏāĻŽā§āĻĒāĻ°ā§āϕ⧇, āϝāĻž āĻ“āϝāĻŧ⧇āĻŦ āĻĄāĻŋāϜāĻžāχāύ⧇āϰ āĻ…āĻĒāϰāĻŋāĻšāĻžāĻ°ā§āϝ āĻāĻ•āϟāĻŋ āĻ…āĻ‚āĻļāĨ¤

CSS āϕ⧀?

CSS āĻŦāĻž Cascading Style Sheets āĻšāϞ āĻāĻ•āϟāĻŋ āĻ¸ā§āϟāĻžāχāϞāĻŋāĻ‚ āĻ­āĻžāώāĻž āϝāĻž HTML āωāĻĒāĻžāĻĻāĻžāύāϗ⧁āϞāĻŋāϰ āĻĒā§āϰāĻĻāĻ°ā§āĻļāύ āϕ⧇āĻŽāύ āĻšāĻŦ⧇ āϤāĻž āύāĻŋāĻ°ā§āϧāĻžāϰāĻŖ āĻ•āϰ⧇āĨ¤ āĻāϟāĻŋ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰ⧇ āφāĻĒāύāĻŋ āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāĻŸā§‡āϰ āϰāĻ™, āĻĢāĻ¨ā§āϟ, āĻŽāĻžāĻ°ā§āϜāĻŋāύ, āĻĒā§āϝāĻžāĻĄāĻŋāĻ‚, āϞ⧇āφāωāϟ āχāĻ¤ā§āϝāĻžāĻĻāĻŋ āύāĻŋāϝāĻŧāĻ¨ā§āĻ¤ā§āϰāĻŖ āĻ•āϰāϤ⧇ āĻĒāĻžāϰ⧇āύāĨ¤CSS āĻŦāĻž Cascading Style Sheets āĻšāϞ āĻāĻ•āϟāĻŋ āĻ¸ā§āϟāĻžāχāϞāĻŋāĻ‚ āĻ­āĻžāώāĻž āϝāĻž HTML āωāĻĒāĻžāĻĻāĻžāύāϗ⧁āϞāĻŋāϰ āĻĒā§āϰāĻĻāĻ°ā§āĻļāύ āϕ⧇āĻŽāύ āĻšāĻŦ⧇ āϤāĻž āύāĻŋāĻ°ā§āϧāĻžāϰāĻŖ āĻ•āϰ⧇āĨ¤ āĻāϟāĻŋ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰ⧇ āφāĻĒāύāĻŋ āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāĻŸā§‡āϰ āϰāĻ™, āĻĢāĻ¨ā§āϟ, āĻŽāĻžāĻ°ā§āϜāĻŋāύ, āĻĒā§āϝāĻžāĻĄāĻŋāĻ‚, āϞ⧇āφāωāϟ āχāĻ¤ā§āϝāĻžāĻĻāĻŋ āύāĻŋāϝāĻŧāĻ¨ā§āĻ¤ā§āϰāĻŖ āĻ•āϰāϤ⧇ āĻĒāĻžāϰ⧇āύāĨ¤

đŸ› ī¸ CSS āĻāϰ āĻĒā§āϰāĻ•āĻžāϰāϭ⧇āĻĻ:

  1. Inline CSS: HTML āĻŸā§āϝāĻžāϗ⧇āϰ āĻ­āĻŋāϤāϰ⧇ style āĻ…ā§āϝāĻžāĻŸā§āϰāĻŋāĻŦāĻŋāωāϟ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰ⧇ āĻ¸ā§āϟāĻžāχāϞ āύāĻŋāĻ°ā§āϧāĻžāϰāĻŖ āĻ•āϰāĻž āĻšāϝāĻŧāĨ¤

āωāĻĻāĻžāĻšāϰāĻŖ:

<p style=”color: red;”>āĻāχ āĻŸā§‡āĻ•ā§āϏāϟāϟāĻŋ āϞāĻžāϞ āϰāϙ⧇āϰāĨ¤</p>

  • Internal CSS: HTML āĻĄāϕ⧁āĻŽā§‡āĻ¨ā§āĻŸā§‡āϰ <head> āϏ⧇āĻ•āĻļāύ⧇ <style> āĻŸā§āϝāĻžāϗ⧇āϰ āĻ­āĻŋāϤāϰ⧇ CSS āϕ⧋āĻĄ āϞ⧇āĻ–āĻž āĻšāϝāĻŧāĨ¤

āωāĻĻāĻžāĻšāϰāĻŖ:

<head>

  <style>

    p {

      color: blue;

    }

  </style>

</head>

  • External CSS: āĻāĻ•āϟāĻŋ āφāϞāĻžāĻĻāĻž .css āĻĢāĻžāχāϞ āϤ⧈āϰāĻŋ āĻ•āϰ⧇ HTML āĻĄāϕ⧁āĻŽā§‡āĻ¨ā§āĻŸā§‡ āϞāĻŋāĻ™ā§āĻ• āĻ•āϰāĻž āĻšāϝāĻŧāĨ¤

āωāĻĻāĻžāĻšāϰāĻŖ:

<link rel=”stylesheet” href=”style.css”>

đŸŽ¯ CSS āĻļ⧇āĻ–āĻžāϰ āϗ⧁āϰ⧁āĻ¤ā§āĻŦ:

  • āĻĄāĻŋāϜāĻžāχāύ āĻ•āĻžāĻ¸ā§āϟāĻŽāĻžāχāĻœā§‡āĻļāύ: CSS āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰ⧇ āφāĻĒāύāĻŋ āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāĻŸā§‡āϰ āϞ⧁āĻ• āĻ“ āĻĢāĻŋāϞ āϏāĻŽā§āĻĒā§‚āĻ°ā§āĻŖāϰ⧂āĻĒ⧇ āύāĻŋāϝāĻŧāĻ¨ā§āĻ¤ā§āϰāĻŖ āĻ•āϰāϤ⧇ āĻĒāĻžāϰ⧇āύāĨ¤
  • āϰ⧇āϏāĻĒāĻ¨ā§āϏāĻŋāĻ­ āĻĄāĻŋāϜāĻžāχāύ: CSS āĻāϰ āĻŽāĻžāĻ§ā§āϝāĻŽā§‡ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ āĻĄāĻŋāĻ­āĻžāχāϏ⧇āϰ āϜāĻ¨ā§āϝ āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāϟāϕ⧇ āωāĻĒāϝ⧋āĻ—ā§€ āĻ•āϰāĻž āϝāĻžāϝāĻŧāĨ¤
  • āϕ⧋āĻĄ āĻŽā§‡āχāύāĻŸā§‡āύ⧇āĻ¨ā§āϏ: External CSS āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰ⧇ āĻāĻ•āĻžāϧāĻŋāĻ• āĻĒ⧇āĻœā§‡āϰ āĻ¸ā§āϟāĻžāχāϞ āĻāĻ• āϜāĻžāϝāĻŧāĻ—āĻž āĻĨ⧇āϕ⧇ āύāĻŋāϝāĻŧāĻ¨ā§āĻ¤ā§āϰāĻŖ āĻ•āϰāĻž āϝāĻžāϝāĻŧāĨ¤

āĻāχ āĻŦāĻŋāώāϝāĻŧāϗ⧁āϞ⧋ āφāϰāĻ“ āĻŦāĻŋāĻ¸ā§āϤāĻžāϰāĻŋāϤāĻ­āĻžāĻŦ⧇ āϜāĻžāύāϤ⧇ āύāĻŋāĻšā§‡āϰ āĻ­āĻŋāĻĄāĻŋāĻ“āϟāĻŋ āĻĻ⧇āϖ⧁āύ:

🔜 āĻĒāϰāĻŦāĻ°ā§āϤ⧀ āϟāĻŋāωāĻŸā§‹āϰāĻŋāϝāĻŧāĻžāϞ:

āĻāĻŦāĻžāϰ āϜāĻžāύāĻŦā§‹ GitHub āϏāĻŽā§āĻĒāĻ°ā§āĻ•ā§‡â€”āĻ•āĻžāϰāύ āφāĻĒāύāĻžāϰ āϕ⧋āĻĄ āϏāĻ‚āϰāĻ•ā§āώāĻŖ, āĻļ⧇āϝāĻŧāĻžāϰ āĻāĻŦāĻ‚ āĻŸā§āĻ°ā§āϝāĻžāĻ• āĻ•āϰāĻžāϰ āϜāĻ¨ā§āϝ āĻāϟāĻž āϜāĻžāύāĻž āĻŦāĻž āĻļ⧇āĻ–āĻž āωāϚāĻŋāϤ āφāϰ āφāĻĒāύāĻŋ āϝāĻĻāĻŋ āĻāĻ•āϜāύ āĻ“āϝāĻŧ⧇āĻŦ āĻĄā§‡āϭ⧇āϞāĻĒāĻžāϰ āĻšāĻŋāϏ⧇āĻŦ⧇ āύāĻŋāĻœā§‡āϕ⧇ āĻ—āĻĄāĻŧ⧇ āϤ⧁āϞāϤ⧇ āϚāĻžāύ, āϤāĻžāĻšāϞ⧇ GitHub āĻļ⧇āĻ–āĻž āĻŦāĻžāĻ§ā§āϝāϤāĻžāĻŽā§‚āϞāĻ•āĨ¤ āϤāĻžāĻšāϞ⧇ āϚāϞ⧁āύ āĻļ⧁āϰ⧁ āĻ•āϰāĻŋ …………….. GitHub

Leave a Reply

Your email address will not be published. Required fields are marked *