बाह्य शैली पत्रक कसे तयार करावे

सीएसएस साइट वाइड वापरणे

वेबसाइट्स शैली आणि संरचनेचे संयोजन आहेत, आणि आजच्या वेबवर, ही साइटच्या या दोन पैलू एकमेकांपासून वेगळ्या ठेवण्याचा एक उत्कृष्ट सराव आहे

एचटीएमएल नेहमी अशीच आहे की जी त्याची रचना कशी देते वेबच्या सुरुवातीच्या दिवसांमध्ये HTML मध्ये देखील शैली माहिती समाविष्ट होती. स्ट्रक्चरल माहितीसह हळूच माहिती आणि अनुभव माहिती जोडून एचटीएमएल कोडमध्ये टॅग भरलेले होते. वेब मानक चळवळ ने आम्हाला ही प्रथा बदलण्यास धडक दिली आणि त्याऐवजी सर्व शैलीची माहिती सीएसएस किंवा कॅस्केडिंग शैली पत्रकांमध्ये ढकलली. हे एक पाऊल पुढे घेऊन, सध्याच्या शिफारशी म्हणजे आपण आपल्या वेबसाइट स्टाईल गरजा पूर्ण करण्यासाठी "बाह्य शैली पत्रक" म्हणून ओळखले जाणारे ते वापरू शकता.

बाह्य शैली पत्रकांचे फायदे आणि तोटे

कॅस्केडिंग शैली पत्रकांविषयी सर्वोत्तम गोष्टींपैकी एक म्हणजे आपण आपली संपूर्ण साइट सातत्यपूर्ण ठेवण्यासाठी वापरू शकता हे करण्याचा सर्वात सोपा मार्ग म्हणजे बाह्य शैली पत्रक ला जोडणे किंवा आयात करणे. आपण आपल्या साइटच्या प्रत्येक पृष्ठासाठी समान बाह्य शैली पत्रक वापरत असल्यास, आपण हे सुनिश्चित करू शकता की सर्व पृष्ठांवर समान शैली असेल आपण भविष्यासाठी बदल करणे देखील सोपे बनवू शकता. प्रत्येक पृष्ठ एकच बाह्य शैली पत्रक वापरत असल्यामुळे त्या पत्रकात कोणताही बदल प्रत्येक साइट पृष्ठावर प्रभाव पडेल. प्रत्येक पृष्ठ वैयक्तिकरीत्या बदलण्यापेक्षा हे बरेच चांगले आहे!

बाह्य शैली पत्रकांचे फायदे

  • आपण एकाचवेळी अनेक दस्तऐवजांचे स्वरूप आणि अनुभव नियंत्रित करू शकता.
    • हे विशेषतः उपयोगी आहे जर आपण आपल्या वेब साइट तयार करण्यासाठी लोकांच्या एका टीमसह कार्य केले आहे. बर्याच शैलीचे नियम लक्षात ठेवणे कठीण होऊ शकते आणि आपल्याकडे छापील शैली मार्गदर्शक असले तरीही, ते 12 अंकी Arial फॉन्ट किंवा 14 बिंदू कूरियरमध्ये उदाहरणार्थ मजकूर लिहायचा आहे हे निर्धारित करण्यासाठी सतत अपरिहार्य आहे की ते अकार्यक्षम आणि कंटाळवाणे आहे. एकाच ठिकाणी सर्व गोष्टी करून, आणि त्या स्थानावरुन आपण कुठे बदल घडवून आणता, आपण देखभालीसाठी इतके सोपे बनवू शकता.
  • आपण शैलीचे वर्ग तयार करू शकता जे नंतर विविध HTML घटकांवर वापरले जाऊ शकतात.
    • आपल्या पृष्ठावरील बर्याच गोष्टींवर जोर देण्यासाठी आपण अनेकदा विशिष्ट फॉन्ट शैली वापरत असल्यास, आपण प्रत्येक शैलीसाठी विशिष्ट शैली परिभाषित करण्याऐवजी हे स्वरूप आणि शैली प्राप्त करण्यासाठी आपल्या शैली पत्रकामध्ये सेट केलेले एक क्लास विशेषता वापरू शकता. भर
  • आपण आपल्या शैलींना अधिक कार्यक्षम बनविण्यासाठी सहजपणे गटबद्ध करू शकता
    • CSS साठी उपलब्ध असलेल्या सर्व समूह पद्धतींना बाह्य शैली पत्रकात वापरले जाऊ शकते आणि हे आपल्याला आपल्या पृष्ठांवर अधिक नियंत्रण आणि लवचिकता प्रदान करते.

बाह्य शैली पत्रकांचे तोटे

  • बाह्य शैली पत्रके डाउनलोड वेळ वाढवू शकतात, खासकरून जर ती खूप मोठ्या आहेत. सीएसएस फाइल एक वेगळी कागदपत्र आहे ज्याला लोड करणे आवश्यक आहे, त्यामुळे ते डाउनलोड करण्यासाठी कार्यप्रदर्शनावर परिणाम होईल.
  • बाह्य शैली पत्रके फारच लवकर मिळतात जेव्हा एखादी शैली वापरण्यात अडथळा नसतांना हे सांगणे कठीण असते कारण हे पान काढल्यानंतर ते हटवले जात नाही. आपल्या CSS फाइल्सचे योग्य व्यवस्थापन महत्वाचे आहे, खासकरून जर एकाधिक फाइल समान फाइलवर कार्य करत असतील तर
  • जर तुमच्याकडे फक्त एकच-पृष्ठ वेबसाइट असेल, तर सीएसएससाठी बाहेरील फाईल असण्याची गरज नाही कारण आपल्याकडे ते फक्त एक पानाचे शैली आहे. जेव्हा आपल्याजवळ एकच पृष्ठ साइट आहे तेव्हा बाह्य सीएसएसचे बरेच लाभ गमावले आहेत

बाह्य शैली पत्रक कसे तयार करावे

स्तरावरील शैली पत्रकास दस्तावेज करण्यासाठी बाह्य शैली पत्रके एकसमान वाक्यरचना तयार करतात. तथापि, आपण समाविष्ट करणे आवश्यक सर्व निवडकर्ता आणि घोषणे आहेत. एका दस्तऐवज स्तरावरील शैली पत्रकाप्रमाणेच, नियमांकरिता वाक्यरचना अशी आहे:

निवडक {गुणधर्म: मूल्य;}

या नियमांना एक्सटेन्शन .css सह टेक्स्ट फाइलमध्ये सेव्ह करा. हे आवश्यक नाही, पण आत येण्यासाठी चांगली सवय आहे, जेणेकरून आपण आपली शैली पत्रके एका निर्देशिका सूचीमध्ये ओळखू शकता.

एकदा आपल्याकडे एक शैली पत्रक दस्तऐवज असल्यावर, आपल्याला ते आपल्या वेब पृष्ठांशी दुवा साधण्याची आवश्यकता आहे. हे दोन प्रकारे करता येते:

  1. दुवा साधत आहे
    1. शैली पत्रक लिंक करण्यासाठी, आपण HTML टॅग वापरता. यामध्ये rel , type , आणि href चे गुणधर्म आहेत. Rel attribute आपण काय जोडत आहात हे सांगतो (या प्रकरणात एक स्टाईलशीट), प्रकार ब्राउझरसाठी MIME- प्रकार परिभाषित करते, आणि href .css फाईलचा पथ आहे.
  2. आयात करीत आहे
    1. आपण कागदपत्र स्तरावरील शैली पत्रकामध्ये आयातित शैली पत्रकाचा वापर कराल जेणेकरून आपण कोणत्याही विशिष्ट शैली पत्रक गमावत नसल्यास बाह्य शैली पत्रकची विशेषता आयात करू शकता. आपण त्याला एक लिंक केलेल्या शैली पत्रकास कॉल करण्याचा समान मार्ग म्हणतो, केवळ त्याला दस्तऐवज स्तराच्या शैली घोषणेदरम्यानच म्हटले जाणे आवश्यक आहे. आपण आपल्या वेबसाईटची देखरेख करण्यासाठी आवश्यक तितकी बाह्य शैली पत्रके आयात करू शकता.

जेनिफर क्रिनिन द्वारे मूळ लेख. जेरेमी गिरर्ड द्वारा 8/8/17 रोजी संपादित