CSS क्या है ?

CSS का full form Cascading Style sheets है यह एक प्रकार का language है जिसके जरिये हम अपने Website की designing करते हैं।

साधारण भाषा में कहें तो CSS आपके browser को यह बताता है कि web page में उपलब्ध contents (जैसे text, image, paragraph आदि) के font, color, size, position आदि क्या होंगे।

CSS एक Style Sheet Language है, जिसे W3C – World Wide Web Consortium द्वारा विकसित किया गया है । CSS का पहला संस्करण 1996 में प्रकाशित किया गया था । CSS 3 इसका नवीनतम संस्करण है । CSS का उपयोग Web Pages को सजाने के लिए किया जाता है । CSS एक Website के look and feel को परिभाषित करती है । CSS का उपयोग HTML के साथ-साथ ही किया जाता है ।

ध्यान रहे बिना HTML के CSS से कुछ भी नही बनाया जा सकता है इसलिए आपको HTML की जानकारी होनी जरुरी है। HTML और CSS दोनों मिलकर एक web page को रंग-रूप और आकार प्रदान करते हैं। HTML वेबपेज को आकार देता है और वहीँ CSS का काम वेबपेज को आकर्षक बनाना होता है।

CSS का जनक श्री Hakon Wium Lie हैं । इन्होने ही सबसे पहले 1994 में CSS Rules को बनाया था और इसके बाद W3C – World Wide Web Consortium द्वारा CSS Level 1 को दिसबंर 1996 में प्रकाशित किया गया यह CSS का पहला Version कहलाया ।

CSS इस्तेमाल करने के निम्नलिखित प्रमुख फायदे है :-

• Save Time :- आप एक बार CSS Rules को लिखते हैं, और उन्हे कई बार Apply कर सकते हैं । आप एक Stylesheet को Multiple Webpages पर Apply कर सकते हैं । आपको प्रत्येक नय HTML Document के लिए CSS Rule लिखने की जरूरत नहीं हैं । इसलिए CSS Web Masters का कीमती समय बचाती हैं ।


• Increase Page Speed :- एक HTML Document में दर्जनों Elements होते हैं, जिनके लिए हमें अलग-अलग Style Rules Set करने पडते हैं और किसी-किसी में तो इनकी संख्या सैंकडो या हजारों में भी पहुँच जाती हैं । इसलिए Page का Size बढ जाता हैं । लेकिन, CSS की मदद से केवल एक Stylesheet में ही सभी Elements के लिए Style Rules Set कर दिए जाते हैं । जिससे Extra HTML हट जाती हैं. और Page का Size कम हो जाता हैं और इस कारण Page Fast Load होता हैं ।


• Easy to Maintenance :- आप पूरी वेबसाईट के लिए सिर्फ एक Stylesheet में CSS Rules Set कर सकते हैं । इसलिए हमे एक फाईल को Manage करने में कोई परेशानी नही आती है ।


• Provide Responsive Design :- आप HTML से वेबपेज को प्रत्येक Device के लिए Optimize नहीं कर सकते हैं. लेकिन, CSS की Media Queries Rules से आप Webpages को Device के हिसाब से Responsive बना सकते हैं