CSS Code Kya Hai In Hindi

Hello friends yah post apko website design me bhut help kregi kyuki apko pta hoga ki CSSlanguage se blog ki design create hoti hai.CSS language HTML ke bad dusri language hai jisase blog ya website design bhot bade pemane par hoti hai.CSS blog design se ham blog ko effective or best design kar skte hai.yahi language  sbhi websites ke liye jaruri hoti hai kyunki jo websites ki design best hoti hai us par visitor jyada jate hai kyuki vo website unke brain par bhut bada  effect deti hai .so ab aap smajh chuke hai ki CSS partek website ke liye kitne jaruri hai.

Css Kya Hai?..

Css aek aisi language hai jo HTML ke bad apna web language me sthan rkhti hai.csska pura name cascading style sheets hai. eis language ke bina ham kisi bhi website ko effective nhi bna sakte hai.css language se ham hmare web page ko  fully Manage kar skte hai.jitna jruri hmari website ke liye HTML hai utni hi jaruri Css hai. Iaska use html ko show karne ka vistar krti hai.ies language se ham website me font,stayle,border,padding,margin etc ko manage krke html ko accha show krti hai.html page ko to bnata hai lekin css usko fully control karti hai.
Css Kaise Work Krta Hai?..

Css apko pata hoga ki html file ko acche se dikhata hai.yah language html ki tarh hi code par aadhrit hai lekin eisme code html se purntya alag hai,jo code html file ko indicate krwana hai unme lagate hai jaise hme heading me koi font-family  jadni hai to ham heading tag lagakar kar asani se jod sakte hai.

“<h1><font-font-family:'Georgia',serif</font></h1>”

So freind aap samjh chuke hai ki css kaise work krta hai

Css Code Kya Hai

Css code eak parkar ki property code hote hai jinse ham design krte hai.property codes html se puri trh se alag hai kyuki html codes to words ki short form me hote hai jabki css codes words ki full form me hote hai lekin anki property hoti hai vhi sara kam krti hai agar propert wrong ho to hmara css propert code kam nhi krega, css code ( ; ) se band hote hai or ( : ) eis code se unki property bhari jati hai, niche app ex. Me dekh skte hai

Ex:-        Html                                                            Css

             <h1>………</h1>                                           color: black ;

             <i>…………</i>                                              border: 1px solid black;

CSS KE USEFULL CODES

1.   Color Code:-color code ham kisi bhi text ya word ka color change kar sakte hai  

·         color: color name(code);

2.   Background Code:-yah code background ko change krne ke kam aata hai

  

·         background-color: background color name(code);

3.   (a) Border Code:-is code se ham kisi text ya word ke border laga skte hai .

Aap mere  blog me dekh sakte hai post,sidebars ke border laga huaa hai.

NOTE:-Border ko hum 4 parkar se design kar sakte hai

      ·         Right-border-{ border-right: …………….;}
·         Left-border-{border-left: ……………;}
·         Bottom-border { border-bottom: ………………;}
·         Border-{border: ……………… ;}
·         Top-border { border-top: ………………;}

           (b)Border-style:-esse hum border ki style ko change kar sakte hai jaise                                           hum  dotted-border,dashed,solid etc Mare blog me                                                sabhi border solid border laga huaa hai

      ·         dotted {border-style: dotted;}
·         dashed {border-style: dashed;}
·         solid {border-style: solid;}
·         double {border-style: double;}
·         groove {border-style: groove;}
·         ridge {border-style: ridge;}
·         inset {border-style: inset;}
·         outset {border-style: outset;}
·         none {border-style: none;}
·         hidden {border-style: hidden;}
·         mix {border-style: dotted dashed solid double;}

4.   Margins:-margin ka upyog samnytya kisi content ke kisi tarfh space dene ke liye kiya jata hai.is code se contant ke liye space diya jata hai.jaise aap dekh sakte hai mere blog me har post ke bhech space diya huaa hai vo space maine margin ki help se diya hai maine margin-bottum space ki help se lagaya hai

Note:-ese bhi hum border ki tarh design kar sakte hai 

                                                      

            Margin ki auto value:- isme margin automatic hi set hota hai koi                       property fill krmne ki jrurat nhi hoti hai

5.   Padding:-padding ka sidha sha arth hota hai GADDEE.  Yani ki apke contant ya text or border ke bhech ka space.aap mare blog me categories sidebar widget dekh sakte hai isme border or categories ke bheech me space diya hai vo padding ki help se he diya hai.padding bhi margin ki tarh se hi bhari jati hai.

      padding-top: …px; padding-right: …px; padding-bottom: …px; padding-left: …px 

 6.   Hight/width:-kisi contant image ki hight  or width(chodaei) kitni hone chahiye vo isse ty hoti hai.

      ·         {  height: …. px;}

      ·         {  width: ….. px;}

7.   Fonts:-fonts me do options hai

·         Font-Family:-isase ham blog me manpsand ke fonts use kar skte hai.

          {font-family: 'Georgia ',serif;}

·         Font-Size:-isse ham blog me alag-alag font size use kar sakte kai.

{font-size: … px;}

8.  Links:-links isse ham blog ke sabhi link ka color,hover-color,visited color,font-size.etc change ya costum bana sakte hai.

·         Link-color:-isse hamari link kaise dikhayi deni chahiye wo hota hai.

·         Visite :-visite karne yani ki click krne par link kaise dikhaei deni chahiye.

·         Hover :-isse link par mouse le jane par link kaisidikhai deni chahiye.

·         Select:-isse link select ho jane par kaisi show honi chahiye.

“a:link {    color: red;}/* visited link */a:visited { color: green;}/* mouse over link */a:hover { color: black;}/* selected link */a:active { color: blue;}”

9.   Position:-isase  hum kisi contant ya text ki position ko nirdharite karte hai.position se hi maine blog header ko fixed kiya hai.

10.Float:-float ka sidha sa arth hai ki apka koi contant ya botton kis tarf hona chahiye. jaise ki aap dekh sakte hai mere blog me READ MORE botton right  ki tarf float kar rha hai maine ese float ki madad se right ki tarf kiya hai.

      ·         { float: right;}·         { float: left;}·         { float: Auto;}

So friend मेरी यह पोस्ट आपको कैसी लगी comment करके जरूर बताये। अगर आपको इस पोस्ट में कोई  परेशानी हो तो जरूर बताये। ये सभी कोड मैंने कंही दूसरी वेबसाइट  नहीं लिए है ये सभी कोड मैंने बनाये है। पोस्ट में margin के कोड padding के कोड में .... की जगह आप अपने मनपसंद size डाल सकते है कलर code के लिए आप color hex  पर से chose कर सकते है। अगर आपको  अपने blog में font use करने है तो  google-font   से chose कर सकते है। मेरी यह पोस्ट अगर  अच्छी लगी तो  शेयर जरूर करे क्योकि क्योंकि सभी blogger अपने blog की design बेस्ट बनना चाहते है.so अब आप css के बारे में सबकुछ जान चुके है.लेकिन अपने blog का design सावधानी पूर्वक करे क्योंकि css code ग़लत भरे जाने पर पूरी ब्लॉग डिज़ाइन ख़राब हो  सकती है। अगर आपको blog design के बारे में और जानना हो  तो कमेंट करे और मैं आपके ब्लॉग को फ्री में डिज़ाइन करूंगा ।
Make Your Own Design

THANK YOU ALL READERS