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
Contents
CSS Code Add Karne Ke 3 Alag- Alag Tarike Hai Ham Inme se koi bhi Tarika Istemal Kar Sakte Hai |
- Inline CSS.
- Internal CSS.
- 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 |