CSS TUTORIAL IN HINDI - Introduction

CSS TUTORIAL IN HINDI

·       CSS Tutorial : Introduction
·       CSS Tutorial : Syntax
·       CSS Tutorial : Color
·       CSS Tutorial : Background
·       CSS Tutorial : Fonts
·       CSS Tutorial : Image
·       CSS Tutorial : Text
·       CSS Tutorial : Tables
·       CSS Tutorial : Borders
·       CSS Tutorial : Margins
·       CSS Tutorial : Links
·       CSS Tutorial : Padding
·       CSS Tutorial : Cursors
·       CSS Tutorial : Scroll Bars
·       CSS Tutorial : Width and Height
·       CSS Tutorial : Visibility
·       CSS Tutorial : Float
·       CSS Tutorial : Layers
·       CSS Tutorial : Positioning
·       CSS Tutorial : Display
·       CSS Tutorial : Pseudo Classes
·       CSS Tutorial : Pseudo Elements

CSS TUTORIAL: INTRODUCTION

CSS (Cascading Style Sheet) ek web-designer ke liye bhut mahtwa hai. To css ki lesson suru karne se pehle aaj kya-kya topic cover karne wale hai, wo jaante hai.

Introduction to CSS
Version of CSS
Advantages of CSS
Need of CSS

INTRODUCTION OF CSS:

CSS ka pura naam Cascading Style Sheet hai, jise W3C “Word Wide Web Consortium” dwara biksit kiya gaya hai. CSS ki short definition bole to ye ek designing language hai jo webpages ko attractive look dene ki kaam karti hai, aur jisse HTML ke sath jodna parta hai. HTML se aap ek webpage (website) bana sakte ho magar attractive nahi, iske liye aapko CSS language ki jarurat parti hai. Ek baat janna bhut jaruri hai ki CSS ke bina HTML ka istemal kar hai magar HTML ke bina css ka istemal nahi kar sakte hai.

HTML me website ki sabhi coding likhi jaati hai, jo kafi aasan hota hai. Agar aap thoda mehnat karte hai to HTML aasani se sikh sakte hai. HTML aur CSS ki baat kare to dono simple language hai jo aasani se sikh sakte hai.
HTML se site ki puri structure bana sakte ho magar usko aatractive banane ke liye CSS ki jarurat parti hai. HTML me bhut sara tag ko use kiya jata hai: Header tag <h1>,  Image tag < img>, Font tag <font>, Table tag <table> etc lekin in sabhi tag ko achi look dene ke liye css ka use karna hota hai.

CSS k eek example se samajhte hai “Agar aapne koi painting bnayi hai magar usme koi color nahi dala hai, jab aap painting me color dalogi tabhi aapki painting achi aur attractive dekhegi” Isi taraha se aap jab koi webpage banate hai to CSS ki madat se pages ki sabhi design kar sakte ho jo attractive look me honi chahiye.

Jab webpages par CSS ko apply karte hai to usse 3 tarike se kar sakte hai.

INLINE: Isko aap HTML tag me hi css ko define kar sakte hai

INTERNAL: Isko aap HTML tag me nahi uski file me <head> tag me <style> tag ki madat se define kar sakte hai.

EXTERNAL: Isme aapko alag-alag code ko use karna hota hai.
CSS sikhne ke liye aapko do chijo ki jarurat parati hai. Text editor aur Web browser. Text editor me aap sabhi coding karenge apne pages ke  liye, Notepad वा Notepad++ use kar sakte hai. Code likhne ke badh bari hoti hai code ko run karne ke to iske liye Chrome browser, Mozilla Firebox ya Internet explorer le sakte hai. Koi bhi code HTML + CSS ka ho wo sabhi Text Editor me likh kar browser me run kar ke dekh sakte hai.

VERSION OF CSS

CSS ko Hakon Wium Lie  naam scientist banaya tha. Hakon 1994 me CSS ka pehla rule banaya tha. CSS ko safalta ko dekhte huwe W3C – World Wide Web Consortium ne 1995 CSS level 1 ka pehla version laya.
Dekha jaye to ab tk CSS ka 4 version release kar diye hai: CSS Level 1, CSS Level 2, CSS Level 3 and CSS3 etc.

ADVANTAGES OF CSS

Attractive Design: Aap kisi chij par kitna bhi mehnat karlo aur uski design attractive na karle tab tak aapka sara mehnat bekar chala jayega. Webpages banana ke badh uski aisi look ho jo user ko pasand aaye aur aapki site pe bar-bar user visit karne aaye, wo sb aap pe depend karta hai ki aap apni site ki kaise look dena chahte hai. CSS ka khasiyat (benefit) ye bhi hai ki code likhne ke badh badi aasani se edit kar sakte hai. Isse aapka time ki bachat hogi aur kuch time me acha attractive design  kar sakte hai.

Website Speed: Ye ek Blogger ya kisi bhi wo person jiska koi site ho ya banana chahte ho uske liye site ki loading speed kam-se-kam samay (0.3 sec) me ho tabhi user kisi site par visit karta hai, agar aisa (0.3 sec loading) nahi hai to user skip kar ke dusre site pe chala jata hai. Aisa karne se aapki site ki Bounce rate badh jaati hai jiski effect site ki SEO par parti hai.

Device Friendly: Aap aisa webpage banaye jo sirf Desktop ya mobile me hi khule to ye device friendly nahi hoti hai. Isse us site ko user pasand nahi karti hai. Aapne dekha hoga ki apni mobile se kisi site ko open kiya lekin wo aapke mobile ki screen pe site ki size bada ho jaye tab aap site ko na pasand kartte hai Q ki aapko padhne samay site ki content achi se nahi dikhti hai. To iske liye CSS ki madat leni hogi aur site ko Device friendly banana hogi.

NEEDS OF CSS

CSS ki needs ( aabsayakta) ki baat karne to abhi bhi bhut hai aur aage bhi rahega. Abhi ineternet ki jamana hai,har koi internet judna chahta hai. Jab har koi internet se judega to internet pe un sabhi user ke liye usse related information chahiye. Uske liye webpages (Websites) banana hoga, uspe information (jaankari) dalna hoga. Magar site ki content achi ho aur site ki design kharab ho to aapka sara mehnat bekar jayega. To in jarurat ke hisab se CSS ki need badhti rahegi.

CSS se apni sabhi webpages ki internal kaam ko control kar sakte hai, jisse site ki look achi ho. CSS se webpages ki text color, font family, margin, padding, background aur position etc set kar sakte hai.
I hope ye jaankari achi lagi hogi aur isse ke sath aage ki lesson me janege CSS ki Basic Syntax ke bareme.
Click Here: CSS Syntax

CSS TUTORIAL IN HINDI - Introduction CSS TUTORIAL IN HINDI - Introduction Reviewed by Phaguni Mandal on October 18, 2018 Rating: 5

2 comments:

  1. Thank you sir. Aap ka Android Studio ki tutorial update nahi ho raha hai mere ko sikhna ha jaldi update laiye plzzz

    ReplyDelete
  2. bhut jald hone waha hai.. abhi us par kaam chal raha hai....

    ReplyDelete

'; (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
Powered by Blogger.