Introduction of What is CSS in Hindi
अब तक आपने HTML से web page को बनाना सीख लिया होगा। HTML से आप साधारण web page बना सकते है। जिसे कोई भी read करना पसंद नहीं करेगा।
अगर आपको attractive web page को बनाना है तो आपको CSS का इस्तेमाल करना होगा।
आज हम जानेंगे की CSS क्या है? CSS के क्या कार्य है? CSS का web designing मे कैसे उपयोग किया जाता है? CSS सीखना क्यो जरूरी है?HTML और CSS मे क्या difference है? CSS के कौन से फायदे है।
CSS क्या है? What is CSS in hindi
CSS web documents को style करने के लिए इस्तेमाल किया जाता है। जिसे W3C – World Wide Web Consortium के द्वारा प्रकाशित किया गया है। अभी latest CSS 3 का इस्तेमाल होता है। इसका इस्तेमाल Web page को सजाने के लिए होता है और HTML के साथ इस्तेमाल किया जाता है।
- CSS का full form cascading style sheet है।
- CSS यह बताता है की HTML Element को Screen, paper या other media पर कैसे प्रदर्शित किया जाता है।
- CSS एक साथ कई सारे web page को नियंत्रित करता है जिससे बहोत सारा work बच जाता है।
CSS को सीखना बहोत आसान है हमने CSS की complete tutorial बनाई है जिसे पढ़कर और प्रैक्टिस करके आप attractive website को बनाना सीख सकते है। ध्यान रहे इसके लिए आपको HTML सीखना जरूरी है।
HTML और CSS दोनों को मिलाकर आप web page को attractive बना सकते है।
HTML और CSS मे क्या difference है?
अब आपके मन मे सवाल होगा की HTML और CSS मे क्या difference है? क्या हम HTML से Web page को design कर सकते है?
HTML से हम Website का ढासा बना सकते है। HTML से हम Content जैसे की text, images, Video, audio, bullet, list, paragraph आदि को डाल सकते है।
CSS से हम content के size, color, background color, position, border आदि को हम set कर सकते है। CSS यह तय करता है की Content browser मे कैसे दिखेगा।
ऊपर की image देख कर समझ मे आ ज्ञ होगा की HTML और CSS मे क्या difference है।
CSS के फायदे
Save time
आप एक बार CSS code को लिखते है तो उसे multiple webpage के लिए इस्तेमाल कर सकते है। आपको बार बार code लिखने की जरूरत नहीं पड़ती है। इससे आपका कीमती समय बचता है।
Increase page speed
एक HTML document मे कई सारे elements होते है। जिनके लिए हमे अलग अलग Style rules को set करना पड़ता है। और किसी मे तो Elements की संख्या हजारो-लाखो मे पहोच जाती है। जिससे आपके Web page का size बढ़ जाता है।
लेकिन CSS की मदद से आप एह ही style sheet मे सभी elements के rules को set कर सकते है। जिससे Web page की size कम हो जाती है। और CSS के लिए आप अलग file बनाते है और जब आप webpage पर visit करते है तो CSS File browser cache मे store हो जाती है। जब आप दूसरे page पर जायेंगे तो browser को उसे फिर से download करने की जरूरत नहीं पड़ती। इससे page loading speed fast हो जाती है।
Design को maintain करना आसान है।
जब आप पूरी website बनाते है तो CSS rules को आप एक ही stylesheet मे set कर सकते है। मतलब की आप एक ही CSS file मे पूरी Style को लिख सकते है। जिससे आपको प्रत्येक elements के लिए अलग अलग CSS rules को लिखने से छुटकारा मिल जाता है।
अगर आपको कुछ Elements मे बदलाव करने है तो आप उसे आसानी से कर सकते है। और उसे manage करना भी आसान हो जाता है।
Device के हिसाब से design show करता है।
आपने देखा होगा की कुछ website computer मे और mobile मे अलग अलग दिखती है। ऐसा इसलिए होता है आप website को CSS की मदद से responsive design बनाते है। यह HTML की मदद से possible नहीं है।
इसके लिए आपको CSS मे Media Query rules का इस्तेमाल करना पड़ता है जो Website को responsive बनाता है। आप एक ही Code के जरिये Website को mobile, tablet और computer के लिए optimise कर सकते है। यह Responsive website google के दो सो से ज्यादा ranking factor मे सामील है।
Conclusion
अब आप जान गए होगे की CSS क्या है? CSS के क्या कार्य है? CSS सीखना क्यो जरूरी है?HTML और CSS मे क्या difference है? CSS के कौन से फायदे है।
अगर अभी भी आपके मन मे कोई भी सवाल है तो आप हमे comment करके बता सकते है।
Next: CSS syntax in Hindi