External CSS

Dear Students, aaj ke is Lecture me hum padenge External CSS ke bare main. External CSS kya hotI hai or External CSS kaise work kartI hai. CSS se related ye sare topic hum Isi lecture main cover karege.

Lectures Covering Topics

  • What Is External CSS In Hindi
  • Syntax Of External CSS In Hindi
  • How To Apply External CSS In Hindi
  • Advantage of External CSS In Hindi

What Is External CSS In Hindi

External CSS ko jyadatar tab use kiya jata hai. Jab aapko multiple pages ko same style deni ho. Isse ye fayda hota hai ki aap apni poori website ko single file se hi change kar sakte hai. External Style sheet ko apne har web page par lagane ke liye <link> tag ka use har page par head section me karna hota hai.

Inline, Internal or External Style Sheet main se sabse best tareeka external css ka use karna hai. Isme aapke web pages ki style ko manage or maintenance karne me bahut aasani hoti hai.

External Style Sheet banana ke liye aap apne computer me mojood notepad text editor ka use kar sakte hai. Ya internet se notepad++ text editor bhi download kar sakte hai.

Agar aapki CSS par command achchhi ho gayi hai to me aapko suggest karunga ki aap Dreamweaver software ka usse bhi kar sakte hai. Ye software aapke CSS code karne ke kaam ko or jyada aasan bana dega. Aap koi bhi software use kare, aapko CSS code karne ke bad aapko apni file ko .css file extension se save karni hoti hai.

Jab bhi aap kisi file ko .css file extension se save karte hai to uske bad aap use file ko aap apne web pages ke sath link karte hai. Browser aapke diye hue CSS code ko read karke aapke HTML page ko uske style ke according dikha dega.

Syntax Of External CSS In Hindi

External CSS use karne ke liye aapko iska syntax ko samjhan bahut jaroori hai. Kaise aap tag open or close karoge. Kaise aap style tag or style ke property use karoge.

How To Apply External CSS In Hindi

External CSS apply karne ke liye bus aapko upar bataya gya syntax follow karna hai. Aap upar likhe hue syntax ko yahan par eassly samjh sakte hai.

  • Sabse pahle aapko eak new file cerate karni hai hmtstyle.css ke naam se.
  • Ab aapko apne index page ke header main head tag open karna hai. <head>
  • Ab is tag ke andar aapko link tag same copy karna hai jaise ki aapko dikhaya ja rah hai. <link rel=”stylesheet” type=”text/css” href=”hmtstyle.css”>
  • Aap apni file ka naam change bhi kar sakte hai. But yad rahe uska extension .css he hona chahiye.
  • Ab iske bad aapko head tag close karna hai. </head>
  • Aapki style file main aapko jo bhi css use ki hogi wo aapko index page ke tags par lagi hui dikhayi degi.

Example of External CSS

index.html File code

hmtstyle.css File code

Output Of External CSS

Aapne upar wale code ko same copy kiya hoga to aapka output kuch is tarah se najar aayega. Jaisa ki neeche image me dikahaya jaa rha hai. Bus yad rahe ki style sheet ka code aapko style sheet main .css extension ke sath save karna hai. Or index file ka code index wali file mian hi likhna hai. Or .html extension ke sath save karna hai.

external css in hindi final

Advantage of External CSS In Hindi

Dekho ye to aapko pata hi hoga ki har kisi kaam ke kuch na kuch Advantage or Disadvantages hote hai. But hum yahn par External CSS ke advantage ke bat kar rahe hai.

(1) Save Time – External CSS ka sabse bada advantage to yahi hai. Ki External style sheet ka use karne se aapka bahut time bach jata hai. Ye to aapne bhi dekha hoga ki website ya blog 2 pages ki ho ya 1000 pages ki, har page ka look or design same sa he hota hai. Aap ek hi CSS file (style sheet) ko multiple HTML pages par use kar sakte ho.

(2) Page Load Faster – Agar aap External CSS ka use karte ho to aapko HTML elements (structure) ko style dene ke liye har tag  me attributes nahi lagana padhta hai. Agar aap kinhi HTML elelments ko same style dena chahate ho.  App bahut aasani se CSS file me un sabko  ek sath style de sakte ho. To is tarah aapka HTML code kam ho jata hai or aapka Web page fast load hota hai.

(3) Easy Maintenance – Jiasa ki mene abhi aapko upar bataya ki aap multiple web pages par ek hi style sheet ko use kar sakte hai. Agar aap kabhi bhi apne sabhi web pages ka design badalana chahate ho. To aapko ek hi file me kuchh code lines ko badalana hota hai. Or fir aapki poori website ya blog ka look ek sath change ho jata hai.

Related Lecture

Dear Students, main aasha karta hun ki aapko External CSS Ka Lecture padh kar samjh me aa gaya hoga. Yadi aapako is ke Lecture se related koi bhi problem hai to aap hume comment karke puch sakte hai.

Share This Post On

About Author

Thakur Aman Singh

Hey, I am Aman Singh Tomar from Taj City Agra. Through This Blog I want to share my Knowledge with all of you. Read More >>

Leave a Reply

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