इनमें नए रास्ते 2

क्यों शैली पत्रक मौजूद हैं?

SGML (जिनमें से HTML है एक व्युत्पन्न) के लिए एक उपकरण एक दस्तावेज संरचनात्मक और अर्थ सामग्री (इसका अर्थ संदेश के लिए स्वतंत्र तरीका होना चाहिए था.) यह मतलब को भौतिक स्वरूपण जानकारी देना नहीं था. HTML इस रेखा को पार कर गया है और अब कई तत्वों और विशेषताओं जो दृश्य शैली और स्वरूपण जानकारी निर्दिष्ट होता है. शैली पत्रक के लिए मुख्य कारणों में से एक को नए शारीरिक HTML स्वरूपण का निर्माण रोकने के लिए है और एक बार फिर constructs दस्तावेज़ सामग्री से अलग शैली की जानकारी.

लाभ / शैली के विभिन्न तरीकों के नुकसान क्या हैं?

विदेश स्टाइल शीट्स
लाभ

* एक बार में एकाधिक दस्तावेज़ों के लिए शैलियों नियंत्रित कर सकते हैं
वर्ग * कई दस्तावेजों में कई प्रकार के HTML तत्व पर इस्तेमाल के लिए पैदा कर सकते हैं
* चयनकर्ता और समूह तरीकों को जटिल संदर्भों शैलियों के तहत लागू किया जा सकता है

नुकसान

एक अतिरिक्त डाउनलोड * प्रत्येक दस्तावेज़ के लिए शैली जानकारी के आयात की आवश्यकता है
दस्तावेज़ का प्रतिपादन * बाह्य शैली पत्रक तक विलंबित हो सकती है भरी हुई है
* बने शैली परिभाषा की छोटी मात्रा के लिए थोड़ा बोझल

एंबेडेड स्टाइल शीट्स
लाभ

वर्ग * दस्तावेज़ में कई प्रकार के टैग पर इस्तेमाल के लिए बनाया जा सकता है
* चयनकर्ता और समूह तरीकों को जटिल संदर्भों शैलियों के तहत लागू किया जा सकता है
* कोई अतिरिक्त शैली जानकारी प्राप्त करना आवश्यक डाउनलोड

नुकसान

* यह नियंत्रण एक बार में एकाधिक दस्तावेज़ों के लिए शैलियों नहीं कर सकते विधि

इनलाइन शैलियाँ
लाभ

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

नुकसान

* सामग्री से शैली जानकारी दूरी नहीं (SGML का मुख्य लक्ष्य / html क्या)
* एक बार में एकाधिक दस्तावेज़ों के लिए शैलियों को नियंत्रित नहीं कर सकते
* बनाने पर नियंत्रण नहीं कर सकते हैं या तत्वों के वर्गों के लिए दस्तावेज़ में कई प्रकार के तत्व नियंत्रण लेखक
* चयनकर्ता समूह तरीकों को जटिल तत्व बनाने के परिदृश्यों को संबोधित नहीं किया जा सकता है

इनलाइन शैली क्या है? लिंक कैसे हो?

इनलाइन शैली एक विशेष तत्व से जुड़े शैली है. शैली सीधे स्टाइल विशेषता के एक मूल्य के रूप में शुरू टैग में विनिर्दिष्ट और इस विशिष्ट तत्व घटना के लिए विशेष रूप से लागू होगा.

  <P STYLE="text-indent: 10pt"> दांतेदार बना पैरा पी </> 

शैली शीट क्या आयात किया जाता है? लिंक कैसे हो?

आयातित पहनाव शीट एक पत्र है कि को आयात किया जा सकता है (साथ संयुक्त) एक और पत्र. यह एक मुख्य घोषणाओं से युक्त है कि पूरे स्थल और आंशिक घोषणाओं युक्त पत्र को लागू नहीं है कि विशिष्ट तत्वों के दस्तावेजों (या पर लागू होते हैं) कि अतिरिक्त स्टाइल की आवश्यकता हो सकती पत्र बनाने की अनुमति देता है. मुख्य शीट को आंशिक शीट सूत्रों की संख्या आयात से एक में संयुक्त जा सकता है.
एक शैली पत्रक या शैली पत्रक आयात @ संकेतन स्टाइल में तत्व या notations शामिल आयात करते हैं. आयात notations @ किसी भी घोषणा से पहले आना चाहिए. यदि एक से अधिक पत्र उन्हें झरना होगा आयात किया जाता है ताकि वे आयात कर रहे हैं - पिछले आयात किया जाएगा ओवरराइड पत्र में अगले पिछले; अगले पिछले हावी होगा दूसरी पिछले है, और इतना पर. यदि आयातित शैली नियमों के साथ संघर्ष में है मुख्य पत्र में घोषणा की तो यह अधिरोहित जाएगा.

  <LINK REL=STYLESHEET HREF="main.css" TYPE="text/css">
 <STYLE TYPE="text=css">
 <! --
 @ आयात url (http://www.and.so.on.partial1.css);
 @ आयात url (http://www.and.so.on.partial2.css);
 ....  अन्य बयान
 ->
 <स्टाइल /> 

एक पहनाव शीट क्या है?

शैली पत्रक तरीका है कि मानक अनुरूप वेब डिजाइनर लेआउट को परिभाषित है, देखो, और लग रहा है, और उनके पृष्ठों की डिजाइन कर रहे हैं. वे स्टाइल शीट्स या सीएसएस व्यापक कहा जाता है. शैली पत्रक के साथ, एक डिजाइनर एक वेब पेज के कई पहलुओं को परिभाषित कर सकते हैं:

* फ़ॉन्ट
रंग *
* लेआउट
* स्थिति
* कल्पना
* पहुंच

शैली पत्रक आप शक्ति का एक बहुत परिभाषित कैसे अपने पृष्ठों पर दिखाई देगा दे. और एक अन्य महान चीज के बारे में उन्हें यह है कि शैली पत्रक यह वास्तव में आपके पृष्ठों अद्यतन आसान जब आप एक नया डिजाइन तैयार करना चाहते हैं. बस अपने पन्नों पर एक नई शैली पत्रक में लोड कर रहे हैं और तुम किया.

क्या वैकल्पिक है पहनाव शीट? लिंक कैसे हो?

वैकल्पिक पहनाव शीट एक एक वैकल्पिक शैली को परिभाषित चादर है शैली के स्थान पर इस्तेमाल किया जाएगा (ओं) को लगातार और / या इच्छित के रूप में घोषित किया.
लगातार शैली एक डिफ़ॉल्ट शैली लागू होता है कि जब शैली पत्रक पर सक्रिय एक वैकल्पिक शैली के पक्ष में अक्षम कर सकते हैं, उदाहरण है:

  <LINK REL=Stylesheet HREF="style.css" TYPE="text/css"> 

पसंदीदा शैली एक डिफ़ॉल्ट शैली है कि स्वचालित रूप से लागू होता है और लिंक तत्व के शीर्षक गुण की स्थापना की घोषणा की है. वहाँ सिर्फ एक उदाहरण के पसंदीदा शैली सकता है, तो कर सकते हैं:

  <LINK REL=Stylesheet HREF="style2.css" TYPE="text/css" TITLE="appropriate शैली description"> 

वैकल्पिक शैली एक उपयोगकर्ता एक विकल्प का चयन शैली की पसंद - एक मीडिया निर्भर शैली निर्दिष्ट की एक बहुत ही सुविधाजनक तरीका देता है. नोट: वैकल्पिक शैलियों के प्रत्येक समूह के अद्वितीय शीर्षक है, उदाहरण के लिए करना होगा:

  <LINK REL="Alternate Stylesheet" HREF="style3.css" TYPE="text/css" TITLE="appropriate शैली MEDIA=screen> description"
 <LINK REL="Alternate Stylesheet" HREF="style4.css" TYPE="text/css" TITLE="appropriate शैली MEDIA=print> description" 

वैकल्पिक stylesheet अभी तक समर्थित नहीं हैं.

तुम IE के लिए एक न्यूनतम चौड़ाई कैसे निर्धारित कर सकते हैं?

एक न्यूनतम चौड़ाई सेट, सीएसएस संपत्ति 'मंत्री' चौड़ाई है. यह बहुत उपयोगी हो सकते हैं और अच्छे ब्राउज़रों में अच्छी तरह से काम करता है. IE 'मंत्री' चौड़ाई समझ नहीं आ रहा है. तथापि, यह एक मालिकाना 'नामक संपत्ति अभिव्यक्ति' जो हमें यह एक stylesheet द्वारा जावास्क्रिप्ट फ़ीड करने की अनुमति देता है. नीचे है कि कैसे एक 780px (सेट) में IE के लिए न्यूनतम चौड़ाई ...

 <!--[ अगर gte IE 5]>
 <style type="text/css">
 शरीर (
 चौड़ाई: अभिव्यक्ति (documentElement.clientWidth <? 780 (documentElement.clientWidth == 0? (body.clientWidth <780? "780px": स्वत: ""): "780px"): "स्वत:");
 )
 <शैली />

 ! <[] endif -> 

के रूप में संपत्ति गैर मानक है, यह W3C validator से मान्य नहीं है, इसलिए यदि हम इसे इस (ऊपर की तरह सिर में डाल दिया होगा) - एक IE सशर्त टिप्पणी में - validator यह उपेक्षा और पृष्ठ एक साफ़ हो जाएगा स्वास्थ्य के बिल.

जो समर्थन ब्राउज़रों सीएसएस?

यह समर्थन 'की अपनी परिभाषा पर निर्भर करता है. "यदि आप उन ब्राउज़रों जो सीएसएस के समर्थन में कुछ करने का प्रयास, मामला कोई कैसे आंशिक या बग से भरा है, तो सूची बनाता है में रुचि रखते हैं:

* इंटरनेट एक्सप्लोरर 3.0 और इसके बाद के संस्करण
4.0 नेविगेटर और इसके बाद के संस्करण *
3.6 ओपेरा और इसके बाद के संस्करण *
कॉन्करर *
अखाड़ा *
Emacs *-w3
Amaya *
शब्दकोश *
* मीडिया डिजाइन आई एन ए प्रगति · द्वारा XPublish

अगर आप के बजाय उन ब्राउज़रों जो बग का एक विश्वसनीय काम कर मुक्त और CSS1 के लिए ज्यादातर completel समर्थन में जाना जाता है, तो इस सूची में कुछ नाटकीय ढंग से संकरी में रुचि रखते हैं:

* Macintosh के लिए इंटरनेट एक्सप्लोरर 5.0 और इसके बाद के संस्करण
* विंडोज के लिये इंटरनेट Exporer 5.5 और इसके बाद के संस्करण
* नेटस्केप नेविगेटर 6.0 और इसके बाद के संस्करण
4.0 ओपेरा और इसके बाद के संस्करण *

जबकि इन ब्राउज़र का कोई भी CSS1 का सही कार्यान्वयन है दावा किया जा सकता है, वे सब बहुत अच्छे हैं और पर भरोसा कर सकते हैं CSS1 के अधिकांश के लिए एक सुसंगत फैशन में संचालित होगा.
मैं कैसे एक छवि पर जगह पाठ करते हैं?

एक छवि आप स्थिति की संपत्ति का प्रयोग पर पाठ या छवि जगह है. उदाहरण के नीचे IE 4.0 द्वारा समर्थित है. सब तुम्हें क्या करना है आपकी जरूरत इकाइयों अनुकूलन.

  <div style="position: relative; width: 200px; height: 100px">
 <div style="position: absolute; top: 0; left: 0; width: 200px">
 <image>
 <div />
 <div style="position: absolute; top: 20%; left: 20%; width: 200px">
 मूल पाठ इस प्रकार है कि अच्छी तरह से wraps
 <div />
 <div /> 

सीएसएस क्या है, क्यों शुरू कोडन नहीं है?

सीएसएस की तरह पटकथा वेब के लिए बने भाषा की तरह है. में HTML, DHTML, JavaScript, VBScript और कई अन्य लोगों के साथ विपरीत. है कड़ाई से आपके वेब पृष्ठ स्वरूपण के लिए सीएसएस और अब कई नए ब्राउज़र इसे समर्थन करते हैं. (ध्यान दें: पुराने ब्राउज़र सीएसएस का समर्थन नहीं करते हैं, तो कृपया अपने ब्राउज़र के संस्करण की जांच करने और यह सुनिश्चित करें कि वह इसे समर्थन करता है या नहीं करते हैं. आप अपने वर्तमान ब्राउज़र का अद्यतन कर सकते हैं.)

जिस तरह से कोड को अपने वेब पन्नों में चला जाता है कई तरह के माध्यम से है. जिस तरह से काम करता है कि सीएसएस कोड है के बीच स्थापित है

  <head> <सिर /> टैग. 

तुम सीएसएस कोड डाल के बाद कर सकते हैं

  <शीर्षक /> 

जो है, जो ज्यादातर लोग करते हैं. अब, यहाँ सीएसएस के साथ अपने वेबपेज बनाने के निम्नलिखित तरीके हैं सुविधाएँ सक्षम:

1.) अपने HTML स्रोत कोड के भीतर आपके सीएसएस कोड लेखन. यह है यह कैसा लगेगा: