कॅस्केडिंग स्टाईल शीट्स तीन प्रकारात येतात आणि त्यानुसार, html कोडमध्ये तीन प्रकारे समाविष्ट केले जातात.
- अंतर्गत शैली पत्रके. विशेषता वापरून आत घटक सेट करा स्टाईल, उदाहरणार्थ:
निळा शीर्षलेख
या सर्वांचा परिणाम असा होईल:
निळा शीर्षलेख
अशा प्रकारे, प्रत्येक शीर्षक आणि परिच्छेदासाठी एक शैली पत्रक नियुक्त केले जाऊ शकते. या पद्धतीचा तोटा असा आहे की सारणी केवळ एका घटकासाठी सेट केली आहे, उदाहरणार्थ शीर्षलेख. इतर सर्व शीर्षलेखांसाठी, तुम्हाला तुमची स्वतःची शैली पत्रके तयार करण्याची आवश्यकता आहे आणि हे आधीच वाया गेलेले आहे. तसेच, जर तुम्हाला ही पद्धत वापरून संपूर्ण साइटसाठी नवीन स्टाईल शीट सेट करायची असतील तर तुम्हाला कठोर परिश्रम करावे लागतील.
- अंगभूत शैली पत्रके. अशा प्रकारे, टॅग दरम्यान संपूर्ण HTML दस्तऐवजासाठी शैली पत्रक सेट केले आहे ...
. उदाहरणार्थ, जर आपल्याला वेब पृष्ठाचे सर्व शीर्षलेख निळे करायचे असतील तर आपल्याला टॅग दरम्यान आवश्यक असेल ...
खालील लिहा:
जर तुम्ही हा कोड टॅग दरम्यान लिहिला ... , नंतर सर्व प्रथम स्तर शीर्षलेख निळे असतील. या पद्धतीसह, टॅग वापरून शैली निर्दिष्ट केल्या जातात . तसेच टॅग करा , परंतु संपूर्ण साइट नाही.
- बाह्य शैली पत्रके. ते एका वेगळ्या फाईलमध्ये निर्दिष्ट केले आहेत आणि टॅग वापरून html डॉक्युमेंटशी कनेक्ट केलेले आहेत
, जे टॅग दरम्यान ठेवलेले आहे ...
. चला या प्रकरणात अधिक तपशीलवार विचार करूया. आम्ही खालील कोड नोटपॅडमध्ये टाइप करतो आणि html फाईल म्हणून सेव्ह करतो.
html दस्तऐवजातील मथळे.
प्रथम स्तर शीर्षलेख
html दस्तऐवजाच्या मध्यभागी स्थित तिसरा स्तर शीर्षक
स्तर सहा शीर्षलेख, वेब पृष्ठाच्या उजव्या काठावर संरेखित
यानंतर, खालील सामग्रीसह एक नवीन फाइल तयार करा:
H1 (रंग:निळा;)
H3 (रंग: लाल;)
H6 (रंग:हिरवा;)आणि म्हणून सेव्ह करा शैलीविस्तारासह *सीएसएस. परिणाम पहा. हेडर असलेली ही आमची html फाईल आहे. आता हे डिझाइन कसे कार्य करते ते पाहू. हेडिंगसह html डॉक्युमेंटमध्ये आपण टॅगच्या दरम्यान आहोत ... ही ओळ लिहिली:
येथे टॅग वापरून आम्ही स्टाइल शीट्स एचटीएमएल डॉक्युमेंटशी जोडतो. विशेषता hrefशैली फाइल जेथे स्थित आहे त्या स्थानाचा संदर्भ देते; विशेषता प्रकारआम्हाला आधीच माहित आहे की ते स्टाइलशीट प्रकार निर्दिष्ट करते. विशेषता relसमाविष्ट केलेल्या फाइलचा या HTML दस्तऐवजाशी संबंध सूचित करते. आमच्या बाबतीत, विशेषता मूल्य rel="stylesheet"सूचित करते की आम्ही जोडले आहे मुख्यशैली पत्रक. स्टाईल शीट निर्दिष्ट करण्याच्या या पद्धतीचा फायदा असा आहे की जर तुम्हाला संपूर्ण साइटचे डिझाइन बदलायचे असेल तर तुम्हाला फक्त एक फाइल स्टाईल शीटसह बदलण्याची आवश्यकता आहे.
वेब पृष्ठांचे सादरीकरण तयार करण्यासाठी, कॅस्केडिंग शैली पत्रके (CSS), किंवा फक्त शैली पत्रके, तंत्रज्ञानाचा हेतू आहे. टेबल css शैलीनियम (शैली) चा संच आहे जो वेब पृष्ठाच्या स्वतःच्या आणि त्याच्या वैयक्तिक तुकड्यांचे वर्णन करतो. हे नियम मजकूराचा रंग आणि परिच्छेद संरेखन, ग्राफिक प्रतिमा आणि त्याच्या सभोवतालचा मजकूर यांच्यातील इंडेंट्स, टेबल बॉर्डरची उपस्थिती आणि पॅरामीटर्स, वेब पृष्ठाचा पार्श्वभूमी रंग आणि बरेच काही निर्धारित करतात.
प्रत्येक सीएसएस शैली वेब पृष्ठाच्या (किंवा वेब पृष्ठावरच) संबंधित घटकाशी संबंधित असणे आवश्यक आहे. बाइंडिंग केल्यानंतर, निवडलेल्या css शैलीने वर्णन केलेले पॅरामीटर्स या घटकावर लागू होऊ लागतात. लिंक स्पष्ट असू शकतेजेव्हा आम्ही स्वतः निर्दिष्ट करतो की कोणती css शैली वेब पृष्ठाच्या कोणत्या घटकाशी बांधलेली आहे किंवा अंतर्निहित आहे, जेव्हा css शैली विशिष्ट टॅग वापरून तयार केलेल्या वेब पृष्ठाच्या सर्व घटकांशी आपोआप बांधली जाते.
टेबल css शैलीवेब पृष्ठाच्या HTML कोडमध्ये किंवा वेगळ्या फाईलमध्ये थेट संग्रहित केले जाऊ शकते. नंतरचा दृष्टिकोन वेब 2.0 संकल्पनेशी अधिक सुसंगत आहे; आम्ही धडा 1 वरून लक्षात ठेवल्याप्रमाणे, वेब पृष्ठाची सामग्री आणि सादरीकरण वेगळे करणे आवश्यक आहे. याव्यतिरिक्त, वेगळे css शैलीथेट HTML टॅगमध्ये ठेवता येते जे वेब पृष्ठ घटक तयार करते; हा दृष्टीकोन आता क्वचितच वापरला जातो आणि मुख्यतः शैलींचा प्रयोग करताना.
CSS शैली पत्रके CSS नावाच्या एका खास भाषेत लिहिली जातात. या भाषेच्या पहिल्या आवृत्तीचे वर्णन करणारे मानक (CSS 1) 1996 मध्ये परत आले. CSS 2 सध्या मोठ्या प्रमाणावर समर्थित आणि वापरले जाते आणि CSS 3 विकसित होत आहे, ज्याचा मर्यादित उपसंच अनेक वेब ब्राउझरद्वारे आधीच समर्थित आहे.
फक्त
CSS 3
(अधिक तंतोतंत, त्याचे उपसंच आधुनिक कार्यक्रमांद्वारे समर्थित) आम्ही अभ्यास करू.
CSS शैली तयार करणे
सामान्य व्याख्या स्वरूप CSS शैलीसूची 7.1 स्पष्ट करते.
सीएसएस शैली तयार करण्याचे मूलभूत नियम येथे आहेत.
सीएसएस शैलीच्या व्याख्येमध्ये निवडक आणि त्यांच्या मूल्यांसह शैली गुणधर्मांची सूची समाविष्ट असते.
- निवडकर्तावेब पृष्ठाच्या घटकास शैली बांधण्यासाठी वापरले जाते ज्यावर त्याचा प्रभाव लागू करावा. खरं तर, निवडकर्ता विशिष्टपणे दिलेली शैली ओळखतो.
निवडकर्त्याचे अनुसरण करून, एका जागेने विभक्त केलेले, css शैली गुणधर्मांची सूची आणि त्यांची मूल्ये, कुरळे ब्रेसेसमध्ये बंद आहेत.
शैली विशेषता (टॅग विशेषता सह गोंधळून जाऊ नये!) वेब पृष्ठ घटकाच्या पॅरामीटर्सपैकी एक दर्शवते: फॉन्ट रंग, मजकूर संरेखन, इंडेंटेशन रक्कम, फ्रेमची जाडी, इ. शैली गुणधर्माचे मूल्य त्याद्वारे सूचित केले जाते चिन्ह: (कोलन). काही प्रकरणांमध्ये, css शैली विशेषता मूल्य अवतरणांमध्ये संलग्न आहे.
जोडपे<атрибут стиля>:<значение>चिन्हाद्वारे एकमेकांपासून विभक्त; (अर्धविराम).
शेवटच्या जोडप्याच्या दरम्यान<атрибут стиля>:<значение>आणि बंद कुरळे ब्रेस चिन्ह; सेट करू नका, अन्यथा काही वेब ब्राउझर शैलीच्या व्याख्येवर योग्य प्रकारे प्रक्रिया करू शकत नाहीत.
वेगवेगळ्या शैलींच्या व्याख्या स्पेस किंवा लाइन ब्रेकद्वारे विभक्त केल्या जातात.
निवडक आणि शैलीच्या नावांमध्ये कोणतीही जागा किंवा नवीन रेषा नसावीत. शैली व्याख्येमध्ये इतरत्र ठेवलेल्या मोकळ्या जागा आणि नवीन ओळींसाठी, वेब ब्राउझर त्यांच्याकडे दुर्लक्ष करते. म्हणून, आम्ही HTML कोडप्रमाणेच वाचणे सोपे करण्यासाठी CSS कोड फॉरमॅट करू शकतो.
परंतु नियम हे नियम आहेत आणि सर्वात महत्त्वाचे म्हणजे सराव. चला एक लहान शैलीचे उदाहरण पाहू:
P (रंग: #0000FF)
चला ते तुकड्या-तुकड्याने पाहू.
पी एक निवडकर्ता आहे. हे टॅगचे नाव दर्शवते
रंग हा एक शैलीचा गुणधर्म आहे. ते मजकूर रंग सेट करते.
- #0000FF हे रंग शैली गुणधर्माचे मूल्य आहे. हे आरजीबी फॉरमॅटमध्ये लिहिलेल्या निळ्या रंगाच्या कोडचे प्रतिनिधित्व करते. (आम्ही RGB कोड आणि त्याच्या व्याख्येबद्दल धडा 8 मध्ये अधिक बोलू.)
जेव्हा वेब ब्राउझर वर्णन केलेली शैली वाचतो, तेव्हा ते वेब पृष्ठाच्या सर्व परिच्छेदांवर आपोआप लागू होईल (टॅग
). हे, तसे, अंतर्निहित शैली बंधनाचे एक विशिष्ट उदाहरण आहे.
css शैलीआम्ही ज्याकडे पाहिले त्याला टॅग ओव्हरराइड शैली म्हणतात. येथे निवडकर्ता हे HTML टॅगचे नाव आहे जे वर्णांशिवाय या शैलीद्वारे अधिलिखित केले जाईल< и >. निवडकर्ताअप्परकेस आणि लोअरकेस अशा दोन्ही अक्षरांमध्ये टाइप केले जाऊ शकते; लेखक कॅपिटल अक्षरे पसंत करतो.
चला यापैकी आणखी काही शैली पाहू.
येथे टॅग ओव्हरराइड शैली आहे :
EM ( रंग: #00FF00;
फॉन्ट-वजन: ठळक)
टॅगमध्ये ठेवलेला कोणताही मजकूर , वेब ब्राउझर ते हिरव्या ठळक फॉन्टमध्ये प्रदर्शित करेल. फॉन्ट-वेट शैली विशेषता फॉन्टच्या "बोल्डनेस" ची डिग्री निर्दिष्ट करते आणि त्याचे मूल्य ठळक अर्ध-बोल्ड फॉन्ट निर्दिष्ट करते.
आणि ही टॅग ओव्हरराइड शैली आहे
:BODY ( पार्श्वभूमी-रंग: #000000;
रंग: #FFFFFF)
हे संपूर्ण वेब पृष्ठ पांढरा मजकूर (RGB कोड #FFFFFF) आणि काळा पार्श्वभूमी रंग (RGB कोड #000000) वर सेट करते. पार्श्वभूमी-रंग शैली गुणधर्म, जसे आपण आधीच समजले आहे, पार्श्वभूमी रंग सेट करते.
आता एक पूर्णपणे भिन्न शैली पाहू:
लाल मजकूर (रंग: #FF0000)
ते मजकूराचा रंग लाल वर सेट करते (RGB कोड #FF0000). परंतु निवडकर्ता स्पष्टपणे टॅगचे नाव नाही - HTML टॅग
ही एक वेगळी विविधता आहे CSS शैली- शैली वर्ग. ते कोणत्याही टॅगशी संलग्न केले जाऊ शकते. येथे निवडकर्ता शैली वर्गाचे नाव आहे, जे त्यास अद्वितीयपणे ओळखते. शैली वर्गाच्या नावात लॅटिन वर्णमाला, संख्या आणि हायफनची अक्षरे असणे आवश्यक आहे आणि अक्षराने सुरू होणे आवश्यक आहे. शैली वर्गाच्या व्याख्येमध्ये, त्याचे नाव बिंदू चिन्हाच्या आधी असणे आवश्यक आहे - हे एक चिन्ह आहे की तो एक शैली वर्ग आहे ज्याची व्याख्या केली जात आहे.
शैली वर्गासाठी स्पष्ट टॅग बंधनकारक असणे आवश्यक आहे. हे CLASS विशेषता वापरून केले जाते, जे जवळजवळ सर्व टॅगद्वारे समर्थित आहे. या विशेषताचे मूल्य बिंदू चिन्हाशिवाय इच्छित शैली वर्गाचे नाव आहे:
लक्ष द्या!
येथे आम्ही नवीन तयार केलेला रेडटेक्स्ट शैलीचा वर्ग "लक्ष द्या!" परिणामी, हा परिच्छेद लाल फॉन्टमध्ये टाइप केला जाईल.
सूची 7.2 मध्ये, आम्ही एक लक्ष शैली वर्ग तयार केला आहे जो फॉन्टचा रंग लाल आणि तिर्यक वर सेट करतो. (फॉन्ट-शैली विशेषता फॉन्टची शैली निर्दिष्ट करते, आणि त्याचे तिर्यक मूल्य फॉन्टला तिर्यक बनवते.) नंतर आम्ही ते एका टॅगवर बांधले. . परिणामी, या टॅगची सामग्री ठळक, तिर्यक लाल फॉन्टमध्ये टाइप केली जाईल; मजकूराचे विशेष महत्त्व आणि संबंधित "धैर्य" टॅगद्वारे निर्धारित केले जाते , आणि तिर्यक शैली आणि लाल रंग लक्ष केंद्रित शैली वर्ग आहेत.
CLASS विशेषताचे मूल्य म्हणून, तुम्ही एकाच वेळी शैली वर्गांची अनेक नावे निर्दिष्ट करू शकता, त्यांना रिक्त स्थानांसह विभक्त करू शकता. या प्रकरणात, शैली वर्गांचा प्रभाव जोडलेला दिसत आहे. (आम्ही वेब पृष्ठ घटकावरील विविध शैलींच्या प्रभावाबद्दल नंतर अधिक बोलू.)
सूची 7.3 मधील उदाहरणामध्ये, आम्ही टॅगशी बांधील आहोत एकाच वेळी दोन शैली वर्ग: लक्ष आणि बिग टेक्स्ट. परिणामी, या टॅगची सामग्री ठळक, तिर्यक, लाल फॉन्ट आणि मोठ्या आकारात प्रदर्शित केली जाईल. (फॉन्ट-आकार शैली विशेषता फॉन्टचा आकार निर्दिष्ट करते आणि त्याचे मोठे मूल्य प्रथम-स्तरीय शीर्षकांसाठी वापरल्या जाणाऱ्या फॉन्ट आकाराशी तुलना करता येणारे मोठे आकार आहे.)
नामांकित शैली अनेक प्रकारे शैली वर्गासारखीच असते. या शैलीचा निवडकर्ता हे देखील एक नाव आहे जे त्यास अद्वितीयपणे ओळखते आणि ते टॅगशी देखील स्पष्टपणे बांधलेले आहे. आणि मग मतभेद सुरू होतात.
नामांकित शैलीच्या व्याख्येमध्ये, त्याच्या नावासमोर # (हॅश) चिन्ह ठेवले जाते. हे वेब ब्राउझरला सांगते की ती एक नामांकित शैली आहे.
टॅगवर नामांकित शैलीचे बंधन ID विशेषताद्वारे लागू केले जाते, जे जवळजवळ सर्व टॅगद्वारे समर्थित आहे. या विशेषताचे मूल्य # चिन्हाशिवाय इच्छित नामांकित शैलीचे नाव आहे.
आयडी टॅग विशेषता मूल्य वेब पृष्ठामध्ये अद्वितीय असणे आवश्यक आहे. दुसऱ्या शब्दांत, दिलेल्या आयडी विशेषता मूल्यासह फक्त एक टॅग वेब पृष्ठाच्या HTML कोडमध्ये उपस्थित असू शकतो. म्हणून, जर एखादी शैली वेब पृष्ठाच्या एका घटकाशी बांधली गेली असेल तर नामांकित शैली वापरली जातात.
उदाहरणात
#bigtext (फॉन्ट-आकार: मोठा)
. . .
हा मोठा मजकूर आहे.
"हा मोठा मजकूर आहे" हा परिच्छेद मोठ्या फॉन्टमध्ये असेल.
आम्ही तपासलेल्या सर्व प्रकारच्या शैलींमध्ये एक निवडकर्ता होता, ज्याच्या मदतीने बाइंडिंग केले गेले. तथापि, CSS तुम्हाला एकाधिक निवडकांसह शैली तयार करण्याची परवानगी देते - तथाकथित एकत्रित शैली. अशा शैली एकाच वेळी अनेक अटी पूर्ण करणाऱ्या टॅगशी बांधण्यासाठी वापरल्या जातात. अशा प्रकारे, आम्ही निर्दिष्ट करू शकतो की एकत्रित शैली दुसऱ्या टॅगमध्ये नेस्ट केलेल्या टॅगशी किंवा विशिष्ट शैली वर्ग निर्दिष्ट केलेल्या टॅगशी बांधलेली असावी.
एकत्रित शैलीमध्ये निवडक लिहिताना CSS मानकांद्वारे स्थापित केलेले नियम.
-निवडकर्तेटॅग नावे, शैली वर्ग नावे आणि नामांकित शैली नावे असू शकतात.
निवडक डावीकडून उजवीकडे सूचीबद्ध केले जातात आणि संबंधित टॅगच्या नेस्टिंगची पातळी दर्शवतात, जे तुम्ही डावीकडून उजवीकडे जाताना वाढते: उजवीकडे सूचीबद्ध केलेले टॅग डावीकडे असलेल्या टॅगमध्ये नेस्ट केलेले असणे आवश्यक आहे.
जर टॅगचे नाव शैली वर्ग किंवा नामांकित शैलीच्या नावासह एकत्र केले असेल, तर त्या टॅगसाठी शैली वर्ग किंवा नामांकित शैलीचे नाव निर्दिष्ट करणे आवश्यक आहे.
निवडक स्पेसद्वारे विभक्त केले जातात.
शैली सर्वात उजव्या निवडकर्त्याद्वारे दर्शविलेल्या टॅगशी बांधील आहे.
अवघड नियम आहेत ना?... ते समजून घेण्यासाठी, काही उदाहरणे पाहू.
चला सर्वात सोप्या एकत्रित शैलीसह प्रारंभ करूया:
P EM (रंग: #0000FF)
टॅगची नावे निवडक म्हणून वापरली जातात
आणि .
टॅग प्रथम येतो
त्याच्या मागे एक टॅग आहे . तर टॅग टॅगमध्ये नेस्टेड करणे आवश्यक आहे शैली टॅगशी बांधील असेल .
हा मजकूरनिळे होईल. पण हे करणार नाही. या- समान.
येथे "हा मजकूर" हे शब्द निळ्या फॉन्टमध्ये असतील.
येथे दुसरी एकत्रित css शैली आहे:
P.mini ( रंग: #FF0000;
फॉन्ट-आकार: लहान)
टॅग नाव
शैली वर्ग नाव मिनी सह एकत्रित. याचा अर्थ ही सीएसएस शैली कोणत्याही टॅगवर लागू केली जाईल
ज्यासाठी शैली वर्गाचे नाव मिनी निर्दिष्ट केले आहे. (लहान फॉन्ट-आकार शैली गुणधर्माचे मूल्य लहान फॉन्ट आकार निर्दिष्ट करते.)
लहान लाल मजकूर.
आणि एकत्रित css शैलीचे शेवटचे उदाहरण:
P.sel (रंग: #FF0000)
ही शैली टॅगवर लागू केली जाईल , टॅगच्या आत स्थित आहे ज्याला स्टाईल क्लास sel बंधनकारक आहे. यामजकूर लाल होईल.
या उदाहरणात, "हे" हा शब्द लाल रंगात हायलाइट केला जाईल.
CSS मानक तुम्हाला स्वल्पविरामाने विभक्त केलेले निवडक सूचीबद्ध करून, एकाच वेळी अनेक समान शैली परिभाषित करण्याची परवानगी देते:
H1, .redtext, P EM (रंग: #FF0000)
येथे आम्ही एकाच वेळी तीन समान शैली तयार केल्या आहेत: टॅग ओव्हरराइड शैली
, शैली वर्ग रेडटेक्स्ट आणि एकत्रित शैली P EM. ते सर्व फॉन्ट रंग लाल वर सेट.
आम्ही पाहिलेल्या सर्व चार प्रकारच्या CSS शैली केवळ स्टाईल शीटमध्येच असू शकतात. जर तुम्ही ते वेब पेजच्या HTML कोडमध्ये नमूद केले, तर बहुधा त्याकडे दुर्लक्ष केले जाईल.
शेवटच्या - पाचव्या - विविध प्रकारच्या शैली थेट वेब पृष्ठाच्या HTML कोडमध्ये, संबंधित टॅगमध्ये दर्शविल्या जातात. या इनलाइन शैली आहेत. शैलीच्या जवळच्या कुटुंबात, ते वेगळे उभे राहतात.
त्यांच्याकडे निवडकर्ता नाही, कारण ते थेट इच्छित टॅगमध्ये ठेवलेले आहेत. या प्रकरणात निवडकर्त्याची आवश्यकता नाही.
तेथे कुरळे ब्रेसेस नाहीत कारण निवडकर्त्याकडून css शैली गुणधर्मांची सूची वेगळी करण्याची आवश्यकता नाही, जी तेथे नाही.
इनलाइन सीएसएस शैली फक्त एका टॅगशी बांधली जाऊ शकते - ज्यामध्ये ती स्थित आहे.
इनलाइन css शैलीची व्याख्या इच्छित टॅगच्या STYLE विशेषताचे मूल्य म्हणून निर्दिष्ट केली आहे, जे जवळजवळ सर्व टॅगद्वारे समर्थित आहे:
लहान
- तिर्यक.
आम्ही आधी उल्लेख केला आहे की काही प्रकरणांमध्ये विशेषता मूल्य css शैलीअवतरण चिन्हांमध्ये संलग्न करणे आवश्यक आहे. परंतु इनलाइन शैली व्याख्या अवतरण चिन्हांऐवजी ऍपोस्ट्रॉफी वापरते.
अंगभूत CSS शैली आता फार क्वचितच वापरल्या जातात, कारण ते वेब पृष्ठांची सामग्री आणि सादरीकरण वेगळे करण्यासाठी वेब 2.0 संकल्पनेच्या आवश्यकतेचे उल्लंघन करतात. ते मुख्यतः वेब पृष्ठाच्या एका घटकाशी शैली बांधण्यासाठी वापरले जातात (अत्यंत क्वचितच) आणि शैलींचा प्रयोग करताना.
अध्याय 14 मध्ये आपण आणखी एक प्रकार पाहू CSS शैली. आत्तासाठी, चला त्यांच्यासह समाप्त करूया आणि स्टाईल शीट पाहण्यास प्रारंभ करूया.
जेव्हा ब्राउझर स्टाईल शीट वाचतो, तेव्हा तो त्यानुसार दस्तऐवज फॉरमॅट करतो.
CSS घालण्याचे तीन मार्ग
स्टाइल शीट घालण्याचे तीन मार्ग आहेत:
- बाह्य शैली पत्रक
- अंतर्गत शैली पत्रक
- अंगभूत शैली
बाह्य शैली पत्रक
जेव्हा अनेक पृष्ठांवर शैली लागू करणे आवश्यक असते तेव्हा बाह्य शैली पत्रक आदर्श असते. बाह्य शैली पत्रकासह, तुम्ही एक फाइल संपादित करून संपूर्ण वेब साइटचे स्वरूप बदलू शकता. प्रत्येक पृष्ठ टॅग वापरून शैली पत्रकाशी दुवा साधला पाहिजे . टॅग करा डोके विभागात स्थित:
मालमत्तेचे मूल्य आणि त्याच्या युनिट्समध्ये मोकळी जागा सोडू नका! "margin-left:20 px" ("margin-left:20px" ऐवजी) IE (इंटरनेट एक्सप्लोरर ब्राउझर) मध्ये कार्य करेल, परंतु Firefox किंवा Opera ब्राउझरमध्ये नाही.
अंतर्गत शैली पत्रक
जेव्हा वैयक्तिक दस्तऐवजाची विशिष्ट शैली असते तेव्हा अंतर्गत शैली पत्रक वापरले जाते.