सीएसएस मा इनलाइन शैली को लाभ र ड्राबैक

सीएसएस, वा क्यासिंगिङ स्टाइल पानाहरू, के होईन आधुनिक वेबसाइट डिजाइनमा प्रयोग गरिन्छ पृष्ठमा दृश्य रूप लागू गर्न। जब HTML ले पृष्ठको संरचना सिर्जना गर्दछ र जाभास्क्रिप्ट व्यवहारलाई संभाल्न सक्छ, वेबसाइटको नजर र महसुस CSS को डोमेन हो। जब यो यी शैलीहरूमा आउँछ, तिनीहरू प्राय: बाह्य शैली पानाहरू प्रयोग गरेर लागू हुन्छन्, तर तपाइँ पनि सीएसएस शैलियहरू एकल, विशिष्ट तत्त्वमा प्रयोग गर्न सक्नुहुन्छ जुन "इनलाइन शैलीहरू" भनिन्छ प्रयोग गरेर प्रयोग गर्न सक्दछ।

इनलाइन शैलीहरू सीएसएस शैलीहरू हुन् जुन सिधा पृष्ठको एचटीएमएलमा लागू गरिन्छ। यस दृष्टिकोणमा दुवै फायदे र हानिहरू छन्। पहिलो, हामी यी शैलीहरू कसरी लेखिएको छ भनेर हेरौं।

कसरी इनलाइन शैली लेख्नुहोस्

इनलाइन CSS शैली सिर्जना गर्न, तपाईं शैली शैली पानामा कसरी गर्नुहुन्छ जस्तो तपाईंको स्टाइल सम्पत्ति लेखन गरेर, तर यो सबै एक रेखा हुनु आवश्यक छ। अर्काको साथमा धेरै गुणहरू अलग गर्नुहोस् जस्तै तपाईले एक शैली पानामा गर्नुहुनेछ।

पृष्ठभूमि: #ccc; रंग: #fff; किनारा: ठोस कालो 1px;

तत्वको शैली विशेषता भित्रको शैलीको त्यो रेखालाई स्टाइलमा राख्न चाहानुहुन्छ। उदाहरणका लागि, यदि तपाइँ यो शैली तपाइँको एचटीएमएलमा अनुच्छेदमा लागू गर्न चाहानुहुन्छ, त्यो तत्त्व यस्तो देखिन्छ:

यस उदाहरणमा, यस विशेष अनुच्छेदले हल्का खैरो पृष्ठभूमिमा देखा पर्दछ (जुन #ccc प्रदान गर्दछ), कालो पाठ (# 000 रंगबाट), र अनुच्छेदका सबै चार पक्षका चारवटा एक पिक्सेल ठोस कालो सीमा ।

इनलाइन शैलीहरूको फाइदा

क्यासरेडिङ स्प्रिड शीट ईनलाइन शैलीहरूको क्यासरेडका लागि धन्यवाद कागजातमा उच्चतम प्राथमिकता वा विशिष्टता छ। यसको अर्थ उनीहरूले तपाईंको बाह्य शैली शैलीमा कुन कुरालाई लागू गरिरहेको छैन भन्ने कुरालाई लागू गर्न जाँदैछ (एक अपवादको साथमा कुनै पनि शैलीहरू दिइएका छन्! महत्त्वपूर्ण घोषणा कि पाना, तर यो उत्पादन साइटहरूमा केही गर्नु हुँदैन यदि यो बचाउन सकिन्छ)।

इनलाइन शैलीहरू भन्दा उच्च पूर्वनिर्धारित मात्र शैलीहरू प्रयोगकर्ता प्रयोगकर्ताहरूले आफूलाई पाठकहरूको लागी लागू हुन्छन्। यदि तपाइँले तपाईंको परिवर्तनहरू लागू गर्नमा समस्याहरू भइरहेको छ भने, तपाईं तत्वमा इनलाइन शैली सेटिङ कोसिस गर्न सक्नुहुन्छ। यदि तपाईं शैलीहरू अझै पनि इनलाइन शैली प्रयोग गरेर प्रदर्शन नगर्नु हुन्छ भने, तपाईं त्यहाँ केहि अन्य जान्नुहुन्छ भन्ने थाहा छ।

इनलाइन शैलीहरू सजिलो र थप्न छिटो छ र तपाईं उचित सीएसएस चयनकर्ताको बारेमा चिन्ता गर्नुपर्दैन किनकि तपाइँ शैलीहरू सीधा थप्न चाहनुहुने तत्वमा थपिंदै हुनुहुन्छ (त्यो तत्व अनिवार्य रूपमा चयनकर्तालाई तपाईले बाह्य शैली पानामा लेख्नुहुनेछ। )। तपाईंलाई पूर्ण नयाँ कागजात (बाह्य शैली पानाहरूसँग) सिर्जना गर्न आवश्यक छैन वा तपाईंको कागजातको हेडमा नयाँ तत्व (आन्तरिक शैली पानाको रूपमा) सम्पादन गर्न आवश्यक छैन। तपाईले भर्खरै प्रत्येक HTML तत्वमा मान्य शैली विशेषता थप गर्नुहोस्। यी इन कारणहरू हुन् जुन तपाइँ इनलाइन शैलीहरू प्रयोग गर्न प्रलोभन हुनसक्छन्, तर तपाइँ यस दृष्टिकोणमा केही महत्त्वपूर्ण हानिको बारेमा पनि अवश्य हुनुपर्दछ।

इनलाइन शैलीहरूको हानिकारक

किनकि इनलाइन शैलियहरू तिनीहरूले क्यासकाजमा सबैभन्दा विशिष्ट हुन्, उनीहरूले ओभर-सवारी चीजहरू गर्न सक्दछन् जुन तपाईंले ती रुचि राख्नुभएन। तिनीहरू पनि सीएसएसको सबैभन्दा शक्तिशाली पक्षहरू मध्ये एक तिरस्कार गर्छन् - भविष्यका अद्यावधिकहरू र शैली बनाउनको लागि एक सजिलो सीएसएस फाईलका शैली शैली र धेरै धेरै वेब पेजहरूको क्षमता व्यवस्थापन गर्न सजिलो परिवर्तन गर्दछ।

यदि तपाईंले इनलाइन शैलीहरू मात्र प्रयोग गर्नुपर्दछ भने, तपाईंको कागजातहरू चाँडै ब्लीट र बनाए राख्न गाह्रो हुन्छ। यो किनभने ईनलाइन शैलीहरू तपाइँले तिनीहरूलाई चाहानुहुने प्रत्येक तत्वमा लागू गर्नु पर्छ। त्यसैले यदि तपाईले तपाइँका सबै अनुच्छेदहरू फन्ट परिवार "एरिड" गर्न चाहनुहुन्छ भने, तपाइँले तपाइँको कागजातमा प्रत्येक

ट्यागमा इनलाइन शैली थप्नु पर्छ। यसले डिजाइनरको लागि दुवै मर्मत कार्य बढाउँछ र पाठकको लागि डाउनलोड समय थप्दछ किनकि तपाइँले प्रत्येक पृष्ठमा यो फन्ट-परिवार परिवर्तन गर्न तपाईको साइटमा परिवर्तन गर्न आवश्यक छ। वैकल्पिक रूपमा, यदि तपाइँ फरक शैलीपट्टी प्रयोग गर्नुहुन्छ भने, तपाइँ यसलाई एक स्थानमा परिवर्तन गर्न सक्नुहुनेछ र प्रत्येक पृष्ठले अद्यावधिक प्राप्त गरेको छ।

सचमुच, यो वेब डिजाइन मा एक पछाडि पछाडि हो - पछि tag!

इनलाइन शैलियहरुको लागि अर्को कटब भनेको छ कि यो शैली छद्म तत्वहरू असम्भव छ र तिनीहरूसँग टाढा हुन्छ। उदाहरणका लागि, बाह्य शैली पानाहरूसँग, तपाईं लङ्गर ट्यागको भ्रमण, होभर, सक्रिय र लिङ्क रङ शैली गर्न सक्नुहुनेछ, तर इनलाइन शैलीको साथ, तपाइँ सबै शैली शैली लिङ्क हो, किनकि शैली विशेषता संलग्न छ ।

अन्ततः, हामी तपाईंको वेब पृष्ठहरूको लागि इनलाइन शैलियहरुको प्रयोग नगर्ने सिफारिस गर्दछौं किनभने तिनीहरू समस्याको कारण राख्दछन् र पृष्ठहरूलाई धेरै काम गर्न को लागी धेरै काम गर्दछ। हामी तिनीहरूलाई प्रयोग गर्दा एक पटक हामी विकासको समयमा छिट्टै शैली जाँच गर्न चाहन्छौं। एक पटक हामीले यो एक तत्वको लागि सही खोज्नु भएको छ, हामी यसलाई हाम्रो बाह्य शैली पानामा लैजान्छौं।

जेनिफर क्रिनिन द्वारा ओर्गेनिक आर्टिकल। जेरेमी Girard द्वारा संपादित।