CSS Code Kaise Add Kre HTML Mai

Css Code Ko Kaise Add Kare – How to Add Css In Hindi

CSS

How to Add Css In Hindi :- Is Post Mai Ye Sikhne Wale Hai Css Code Ko kaise Add Kare HTML Mai Or Css Kitne Types Ke Hote Hai |

Yadi Aapne  HTML Full Course Nhi Read Kiya Hai To Aap Vah Bhi Read Kar Sakte Hai | Kyoki Usme Milenge Aapko HTML Full Course A to Z |

  • How to Add CSS In Hindi
  • CSS Syntax In Hindi
  • Different Types of CSS In Hindi
  • Css ko Kaise Add Kare.

How to Add Css In Hindi

CSS Code Add Karne Ke 3 Alag- Alag Tarike Hai Ham Inme se koi bhi Tarika Istemal Kar Sakte Hai |

  1. Inline CSS.
  2. Internal CSS.
  3. External CSS.

1. Inline Css

Inline Css Ka Istemal Ham HTML Elements Ko Ek Ek Karke Unique Style Mai Change Kiya Hai | Insline Css Ka Istemal Style Attribute Mai Bhi Kiya Hai | Iska Example ke Liye Ham <p> Element Ko lete Hai |

<p style="color:blue">Paragraph ka color change ho Gya Hai </p>

Aap Upper Diye Gaye Program Ko Run Karke Dekh Sakte Hai Or Isme Hamne <p style= “color:red”> Paragraph ka color change ho Gya Hai </p>

Is example Mai Aap Dekh Sakte Ho Ki p elements Mai Hamne style attribute Ko Red color diya Hai Jiski Vajah Se Yah red Dikhai De Rha Hai |

2. Internal CSS.

Is Example Mai CSs Kisi HTML Page Mai Hi Likhte Hai Jiska Effect Bhi Keval Usi Page Par Padta Hai | Is Tarike Mai CSS style Tags Ke Under Likhe Hai | And Style Tags Head Tags ke Under Hi Rahte Hai|

NOTE :- Yaha Par Hamne #box Ka Istemal Kiya Hai |Hamne Div Ko Ek id di Hai.“box”,or Ham us Div ko uski id ke aadhar par hi properties de rahe hai |jab Ham Kisi Element ko uski id ke aadhar par select Karte Hai to ID ke Pahle # ka Istemal Karte Hai | Or Jab Ham Kisi Element ko Uski Class Ke Aadhar Par Select Karte Hai to Class ke Pahle (.) dot ka istemal Karte Hai | Ise Ham ID Selector Kahte Hai |

Example:

<!DOCTYPE html>
<html>
	<head>
          <style>
			#box{
              color :red;
              background-color:blue;
            }
          </style>
 		 <title> Internal Css </title>
     </head>

    <body>
		<div id="box">
          <h1> This is Internal Css Heading </h1>
      </div>
    </body>
</html>

Aap Upper Diye Gaye Program Ko Run Karke Dekh Sakte Hai | Or Iska OutPut Check Kar Sakte Hai |

3. External CSS.

HTML Mai External CSS ka IStemal Bahut Se HTML page Ke Style Ko Ek Sath Banane Ke liye Karte Hai | External Style Sheet Ko Istemal Karne Liye Aapko HTML PAGE ke Head Mai File Link Karni Hogi |

Example:

<!DOCTYPE html>

<html>
    <head>

        <link rel="stylesheet" type="text/css" href="style.css">

        <title> External CSS</title>

    </head>
<body>

<h2> THIS IS AN EXAMPLE</h2> 
<p>This Paragraph Color Will Change</p>

</body>

</html>
body{ background-color: blue;}
h1{ color: red;}
p{ color: orange;}

Body Ke Backgruond Color Ko Change Kiya Hai | Background ka New Color Blue Ho Jayega | Usi Tarah Se Hamne H1 ko Red Color Diya Hai | Or End Mai Paragraph Ko Orange color Diye Hai |

Internal Or External Stlye sheet Mai Keval Difference inta hai Ki Yah Dusri File Mai Save Hoti hai | External FIle Ko html ke Sath Link Karna padta Hai |

Read Also :- Css Full Course

Ab Aap Jan Hi Gaye Honge Ki How to Add Css In hindi, CSS Code Ko Kaise Add Kare Html Mai , Different Types of CSS in Hindi , Kon Kon Se Hai |

Leave a Reply

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