What Is CSS

Dear Students, aaj ke is Lecture me hum padenge What is CSS ke bare main. Yani ki CSS kya hoti hai or kaise work karti hai. What Is CSS se related sare topic hum Isi lecture main cover karege.

Lectures Covering Topics

  • Introduction To What Is CSS In Hindi
  • What Is CSS In Hindi
  • Full Form Of CSS In Hindi
  • Types Of CSS In Hindi
  • Advantage’s Of CSS In Hindi
  • Syntax Of CSS In Hindi
  • External Style Sheet In Hindi

Introduction To What Is CSS In Hindi

CSS ka poora naam Cascading Style Sheets hai. Jiska agar aap matlab samjhna choho to eaisi Style Sheets (files) jisek jariye aap apne HTML Elements ki Cascading (Arrange or Style) kar saken.

CSS ko 1994 main Håkon Wium Lie ne banaya tha. Or 1996 se World Wide Web Consortium (W3C) ki sifarish (recommendation) par use me laya gya. CSS ka use HTML webpages ka Look & Feel (appearance) ko achchha karne ke liye use kiya jata hai.

CSS ek design language hai. Jiska use hum web pages (HTML documents) ki presentation yani appearance ka layout, color, fonts ityadi ko set or change karne ke liye karte hai. Sabhi WordPress theme or Website me CSS ki style file ka use kiya jata hai. Or isi file me style code hota hai.

What Is CSS In Hindi

Student’s CSS eak style sheet language hai. Jiska use markup language ke look or formatting ko describe karne ke liye kiya jata hai. Html ke liye eak additional features ke liye kaam karta hai.

Generally iska use webpages or user ke interface ko change karne ke liye HTML Ke sath use kiya jata hai. Iska use XML, SVG, XML plain and XUL ke sath bhi kiya jaa sakta hai.

Kai mobile applications or user interface ke liye mostly developers HTML JavaScript ke sath CSS ka use karte hai. Matlab bilkul saaf hai ki webpages ke graphics ko beautifully represent karne ke liye CSS ka use kiya jata hai.

Ya fir aap is tarah se bhi kah sakte hai ki CSS eak beauty parlor hai. Jisme sabhi HTML tags ko sundar banaya jata hai.

Advantages of CSS – CSS Tutorial In Hindi

Upar hmne pada what is CSS ke bare main but hum bate karege ki CSS use karne ka kya fayda (Advantages) hote hai.

(1) CSS Save Time – CSS ka sabse bada advantage to yahi hai ki CSS 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 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 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. Rr fir aapki poori website ya blog ka look ek sath change ho jata hai.

(4) Multiple Device Compatibility – Student’s ab jo time hai wo hai responsive website ka. Agar aapki website ya blog responsive nahi to samajh leejiye aapka website ya blog success nahi hoga. CSS ke use se aap bahut behatareen responsive design tyar kar sakte ho. Jo har tarah ki device (mobile, tablet, laptop, desktop) par aapki website ko sahi tarah show karega.

Types Of CSS In Hindi – How To Use CSS In Hindi

What is CSS & advantage of CSS janne ke bad ham seekhenge ki CSS ko kaise use karte hai. CSS ko aap 3 tareeke se use kar sakte ho.

  • Inline Style Sheet:- Is method ke help se hum CSS ko HTML tag me he define kar dete hai. Aisa hum style attributes ke help se karte hai jo ki html tag ke sath he use kiya jata hai.
  • Internal Style Sheet:- Is method se hum CSS ko HTML tag me define na karke HTML file ke <head> tag main eak nya <style> tag laga kar karte hai.
  • External Style Sheet– Is method ke help se hum CSS or HTML file ko alag alag define karke link attributes ke help se add karte hai.

External Style Sheet In Hindi

CSS External Style Sheet 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. Style sheet ko apne har web page ko lagane le liye <link> tag ka ue har page par head section me karna hota hai.

In 3 tareeko me se sabse achchha (best) tareeka hai External Style Sheet ka, 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. Aap neeche likhe hue example ke according apne external style sheet bana sakte hai.

Syntax Of CSS In Hindi

What is CSS seekhne ke bad ab hame css ko agar use karna hai. To CSS ka syntax seekhna bhi bahut jaroori hai. To chaliye der kis bat ke hai ab hum seekhege Syntax of CSS in hindi

CSS file main selectors, declaration block, properties or values hoti hai. Bas aapko inhen CSS Syntax ko follow karke likkha jata hai. Neeche CSS syntax ke sabhi parts ko achchhe se explain kiya gya hai. Ek bar aap sabhi parts ka sahi se matlab samajh gaye fir aapke liye CSS seekhhna bahut aasan ho jayega.

  • Selectors
  • Property
  • Values 

syntax of css in hindi

CSS ke syntax ko hum 3 parts me divide karte hai jaisa ki aap upar image main dekh sakte hai. Ab hum in parts ko neeche details me padege.

Selectors –

CSS file ke Style rules (Syntax) me sabse pahale aapko HTML ke jis element par aap CSS style lagana chahate ho use select karna hota hai. Or HTML element ko select karne ke liye ham CSS me element ka tag name, class name, id name, attributes ityadi ka use karte hai, inhi ko ham selectors kahte hai.

CSS use karne ke liye aapko sabse pahale selectors ki knowledge hona jaroori hai. Kyonki selectors ke jariye hi HTML element ko select (point) karke aap us element par alag-alag tarah ki properties or values ka use karte hai.

Property – 

CSS ka use hone se pahle HTML me elements ko style (formatting) dene ke liye attributes ka hi use kiya jata hai. Ab band (depreciated )kar diya gaya hai. Kyonki uski jagah hum CSS ka use karte hai.

CSS me jis element ko style dena chahate ho ussee selectors ke jariye select karke style (formatting) lagai jati hai. CSS me style lagane ke liye Properrty ka use kiya jata hai.

Har elements ki ek se jyada properties hoti hai jaise color, border, width ityadi. kis elements ki kaun-kaun si properties hai. Ye ek he din me yad nahi hoti ye sab practice ka khel hai. Main Aapko sabhi css ki sabhi property ke bare main day by day batata rahunga bas aap follow karte rahiye.

Value –

Jaise har elements ke alag-alag properties hoti hai. Theekh isi tarah har property ki alag-alag values hoti hai. Jaise Color ek property hai ab iski bahut sari values ko sakti hai jaise red, green, yellow ityadi. Aap values ke kuch example neeche dekh sakte hai.

Related Lecture

Dear Students, main aasha karta hun ki aapko What Is CSS in hindi Ka Lecture padh kar samjh me aa gaya hoga. Yadi aapako is( What Is CSS ) 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 *