style tag in hindi

Style Tag In Hindi – HTML Style Tag In Hindi

HTML

HTML Style Tag In Hindi – Friends Is Chapter Mai Ham HTML Style Tag Ka Istemal Web Document Mai Ya HTML Document Mai Content Ko Styling Ya Design Karne Ke Liye Kiya Jata Hai Or Ise Ham <Head> Tag Ke Under Define Karte Hai |

HTML Style Tag ka Istemal Karke Ham Kisi Bhi Text Ka Font-size Ya Font-colour Change Kar Sakte Hai | Style Tag User Ke Liye Real Mai Content ka Representation Nhi Karta Hai, Iske Bajay Iska Istemal Content Ko Style Karne Ke Liye Kiya Jata Hai |

HTML Style Tag In Hindi

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

HTML Style Syntax

<tagname style="property:value;">

Yaha Par Property Jo Hai WO Css Ki Hai Or Value Jo Hai Wo Value Dene ke Liye Hai.

HTML ko Style Karne Ke Liye Ab Ham Css Ki help Se Karne Hai |

CSS Selectors In Html Ka Istemal Ham Content ko Select Karne Ke Liye Karte Hai Hame Jis Bhi Content ko CSS ki Help se Style Dena Hota Hai Usko Ham CSS Selectors In HTML Ki Help Se Ham Select Kar Sakte Hai Or Aapne Hisab se Design Kar Sakte Hai | Css Selectors Ko Ham ID , Class , Type Or Attributes ke Anushar Select Karte Hai |

Jab Bhi Internal Css Ya External css Likhte Hai to Ham Selector ka istemal karte hai browser ko yah batane ke liye ki kis tag par css apply karna hai.

Internal css ya external css waise 2 type se likhe jate hai | lekin dono mai likha gaya css syntax same hi rahega lekin dono ka kaam alag-alag rahega |

CSS Selectors in HTML In Hindi

HTML Style Tag In Hindi

Css Rule Hamesha Selector se Start Hota Hai Joki Yah Batata hai ki ham kis html element mai style apply karenge. Upper Image Mai Example Diya Gaya Hai Jisme Ham element mai Kuch Rule Apply Kar Rahe Hai |

What is CSS In HTML In Hindi

CSS Kiya Hai ? :- CSS Ka Pura Name Hai Cascading Style Sheet. Yah Ek Webpage ko banane ke Piche HTML Or CSS ka Bahut Bada Hath Hota Hai | HTML Ke Istemal Se Webpage Ko Ek Aakar Milta hai Or CSS ke Istemal Se Webpage ko ek New Ya Naya Look Milta Hai.

  • Css Ek Language Hai | Css Ki Full Form Cascading Style Sheet Hai |
  • Is Language Ke Jariye Aap Web Page Ke Style Ko Change Kar Sakte Hai.
  • Yani Ki Web Page ko Full Colored Bana Sakte Hai or Aap Elements Ko Acche Se Structure Form Mai Display Karwa Sakte Hai
  • Agar Aap Is Website Ko Dekh Rahe Hai To Aapko Iska Design Bhi Accha Lag Rha Hoga Iska Matlab Hai Ki Ye Design Css Se Hi Bana Hua Hai |
  • Css Time ko Bhi Bachata Hai |

Types of CSS in HTML in Hindi

CSS In HTML Likhe Ke 3 Alag- Alg Tarike Hai, Ham Inme se koi bhi Tarika Istemal Kar Sakte Hai |

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

1. Inline CSS In HTML

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 In HTML .

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 |

External CSS In HTML .

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 Background 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 |

Style Tag In Hindi

Background Color

Ab Ham Background Change Karne Wale Hai paragraph or Heading Ka internal CSS Istemal kar ke or background-color ek css ki property hai |

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>

Text Color

Ab Ham Text Color Change Karne Wale Hai paragraph or Heading Ka Inline CSS Istemal kar ke or color ek css ki property hai |

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

Fonts

Ab Ham Fonts Change Karne Wale Hai paragraph or Heading Ka Inline CSS Istemal kar ke or Fonts ek css ki property hai |

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

Text Size

Ab Ham font-size Change Karne Wale Hai paragraph or Heading Ka Inline CSS Istemal kar ke or font-size ek css ki property hai |

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

Text Alignment

Ab Ham Text Align Change Karne Wale Hai paragraph or Heading Ka Inline CSS Istemal kar ke or Text-align ek css ki property hai |

<h1 style="text-align:center;">Heading</h1>
<p style="text-align:center;"> paragraph.</p>

Ab Aap Jan Hi Gaye Honge Ki Style Tag In Hindi HTML Style Tag In Hindi , What is CSS In Hindi , CSS Syntax In Hindi , Different Types of CSS in Hindi , Kon Kon Se Hai |

Leave a Reply

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