एचटीएमएल 5 तेजी से सीएसएस प्रोटोटाइप के लिए दृष्टिकोण
या: <style>टैग अब केवल सिर के लिए नहीं रह गए हैं!
हैकिंग सीएसएस
मान लें कि आप डिबगिंग कर रहे हैं, और अपने पृष्ठ-सीएसएस को संशोधित करना चाहते हैं, एक निश्चित खंड को केवल बेहतर बनाएं। अपनी शैलियों को त्वरित और गंदे और गैर-बनाए रखने योग्य तरीके से इनलाइन बनाने के बजाय, आप कर सकते हैं कि मैं इन दिनों क्या करता हूं और एक मंचन दृष्टिकोण लेता हूं।
कोई इनलाइन शैली विशेषता नहीं
कभी भी अपना सीएसएस इनलाइन न बनाएं, जिससे मेरा मतलब है: <element style='color:red'>या यहां तक कि<img style='float:right'> यह बहुत सुविधाजनक है, लेकिन बाद में एक वास्तविक सीएसएस फ़ाइल में वास्तविक चयनकर्ता विशिष्टता को प्रतिबिंबित नहीं करता है, और यदि आप इसे रखते हैं, तो आपको बाद में रखरखाव भार पर पछतावा होगा।
<style>इसके बजाय प्रोटोटाइप
जहाँ आपने इनलाइन css का उपयोग किया होगा, इसके बजाय इन-पेज <style> एलिमेंट्स का उपयोग करें । कोशिश करो कि बाहर! यह सभी ब्राउज़रों में ठीक काम करता है, इसलिए परीक्षण के लिए बहुत अच्छा है, फिर भी जब भी आप चाहते हैं / आवश्यकता पड़ने पर आपको इस तरह की सीएसएस को अपनी वैश्विक सीएसएस फ़ाइलों में स्थानांतरित करने की अनुमति देता है! (* बस इस बात से अवगत रहें कि चयनकर्ताओं के पास साइट-स्तरीय विशिष्टता के बजाय केवल पृष्ठ-स्तरीय विशिष्टता होगी, इसलिए बहुत सामान्य होने से सावधान रहें) अपनी सीएसएस फ़ाइलों की तरह ही स्वच्छ रहें:
<style>
.avatar-image{
float:right
}
.faq .warning{
color:crimson;
}
p{
border-left:thin medium blue;
// this general of a selector would be very bad, though.
// so be aware of what'll happen to general selectors if they go
// global
}
</style>
अन्य लोगों के इनलाइन css को फिर से बनाना
कभी-कभी आपको समस्या भी नहीं होती है, और आप किसी और के इनलाइन सीएसएस के साथ काम कर रहे हैं, और आपको इसे फिर से भरना होगा। इस के लिए एक और महान उपयोग है<style> पेज के , ताकि आप इनलाइन सीएसएस को सीधे छीन सकें और तुरंत रिफैक्टिंग करते समय इसे कक्षाओं या आईडी या चयनकर्ताओं में पेज पर तुरंत रख सकें। यदि आप जाते समय अपने चयनकर्ताओं के साथ पर्याप्त सावधानी बरतते हैं, तो आप अंतिम परिणाम को एक प्रतिलिपि और पेस्ट के साथ अंत में वैश्विक सीएसएस फ़ाइल में स्थानांतरित कर सकते हैं।
वैश्विक सीएसएस फ़ाइल को तुरंत सीएसएस के हर बिट को स्थानांतरित करना थोड़ा कठिन है , लेकिन इन-पेज <style>तत्वों के साथ, अब हमारे पास विकल्प हैं।