CSS: फन्ट रङ, शैली, ढाँचा, आकार

कार्यक्रम - यस दर्पण: सुरुमा शब्द थियो, र फिर्ता प्रतिबिम्बित। र धेरै चाँडै यसलाई "परिवर्तन" थियो:, त्यसपछि शब्द ... पहिलो दर्पण यो बिन्दुमा शैली पाना क्यासकेडिङशैलीपाना - राम्रो, तर किन यति लामो यो एक विकासकर्ता आपत्ति लाग्नुभएको थियो छ? CSS - यो कम्प्युटर कार्यक्रम सबै एउटै एरे पटक युग हो, तर केवल एक फरक दृष्टिकोण मा। जब पनि जनता बन्न associative क्रान्तिको गरे छैन।

वेबसाइट पृष्ठ - यो एउटा निश्चित शैली वा शैली वर्ग परिचायक गर्न श्रेय गर्न सकिन्छ HTML-मार्कअप, ट्याग। पहिलो पटक परिभाषित गर्न सकिँदैन र केहि धेरै आवश्यक समय बतान गर्न, र दोस्रो एक विशेष तत्व पर्छ।

शैलीहरू विवरण को सामान्य तर्क

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

गर्न, उदाहरणका लागि, एक निश्चित फन्ट रङ परिवर्तन रंग, कहीं र केहि हुन सक्छ शैली लागू हुन्छ। प्रश्न सँगै सबै शैलीहरू को disassembly अवधिमा ब्राउजरमा यो प्रतिक्रिया कसरी छ। उहाँले यस CPU मा कति खर्च गर्नुभयो?

आदर्श, फन्ट रङ एक पटक मात्र संकेत गर्नुपर्छ - यो एक क्लासिक छ। एक जोडी को एक सरल विवरण बाहिर लाग्छ, र त्यसपछि अर्को र अर्को ... पाठ्यक्रम, तपाईं गर्न सक्नुहुन्छ। यसलाई सुशील, तर व्यावहारिक छ।

उदाहरण सामान्य तर्क

एकदम बस सबै तीन तत्वहरूका लागि CSS रंग द्वारा निर्धारित, यो कम्तिमा तीन लामो-चलिरहेको समस्या प्राप्त गर्न सम्भव छ:

# Ele1, # Ele2, # Ele3 {
स्थिति: निरपेक्ष;
बायाँ: 20px;
शीर्ष: 14px;
रंग: रातो;
}

# Ele2, # Ele3 {
बायाँ: 90px; सीएसएस तेर्सोसमकक्ष परिवर्तन //
रंग: पहेंलो; फन्ट CSS को रंग परिवर्तन //
}

# Ele3 {
शीर्ष: 114px; सीएसएस परिवर्तन // ठाडो समन्वय

रंग: हरियो; फेरि फन्ट CSS को रंग परिवर्तन //

पृष्ठभूमि रंग: हल्काखैरो color; // CSS पाठ हाइलाइट रङ परिवर्तन, तर यो # Ele1 र # Ele2 मा उपस्थित छैन; स्थिति पनि यहाँ रूपमा परिवर्तन, तर यसलाई # Ele2 मा परिवर्तन भएको छ र,

}

अब हामी यी तीन तत्व को सबै कहीं परिभाषित गरिएको छ कि सम्झना छ, र साइट मालिकको रंग प्रतिनिधित्व परिवर्तन को घटना मा, विकासकर्ता रंग बारेमा, तर पनि बाँकी नियम र शीर्ष बारेमा मात्र होइन सम्झना गर्न, र पाठ को हाइलाइट रंग भूल हुन हुँदैन पनि परिवर्तन हुनेछ।

सबै विकासकर्ताहरूले revered छैन आवश्यकता CSS: शैली आईडी - केवल एक तत्त्व र वर्ग शैली - धेरै ट्याग, विशेषण रूपमा ट्याग अन्तिम सम्भव बिन्दु बाहेक:

• को CSS मा फन्ट रंग सेट - शैली groundColor वर्ग;
• फन्ट साइज निर्दिष्ट - वर्ग size15;
• स्थिति सेट - वर्ग PlaceUp।

स्वाभाविक, तिनीहरूले नै अंकन तत्व हौं विशेष गरी जब शीर्ष दस शैली कक्षाहरू, पृष्ठ तत्व सयौं विभिन्न संयोजन मा चित्रित पहिचानकर्तालाई को प्रयोग,। तर सबै कुरा यसको आफ्नै उद्देश्य तर्क छ।

विकासकर्ता बस सही खातामा लिनुपर्छ: को फन्ट रंग पनि , HTML, CSS को वर्णन को समग्र संरचना को लचीलापन, हार्ड वर्णन गर्न प्रदान गर्दछ - आफ्ना काम हो।

साधारण तर्क प्रयोग अपेक्षित परिणाम

आधुनिक ब्राउजर शैली फाइल र मात्रा धेरै संग आराम गर्दै छन्। तर, डिजाइन, सीएसएस मार्फत विशेष, सम्पूर्ण पृष्ठ रंग, तपाईं सधैं उचित sufficiency विचार गर्नुपर्छ। सबै शैली नियम "सस्तो" एप्लिकेसनमा नजर। सरल laconic प्रवेश: * {रंग: सेतो;} - पक्कै पनि सुन्दर, तर यो अपवाद बिना पृष्ठ को सबै तत्व लागू हुन्छ।

सबै CSS, सबैभन्दा महत्त्वपूर्ण सुसज्जित छ जो नियम, को:

• शैली - वर्ग र त्यसपछि नाम, सुरु "।"
• शैली - परिचायक र यसको नाम "#" वर्ण सुरु;
• अन्य अवस्थामा - एक नाम ट्याग वा विशेष कुरा

शैली मा वर्णन विचार को बाँकी भाग (उत्तराधिकार गुण ओभरल्याप, प्राथमिकता, स्थिति, आदेश र जस्तै। डी) बौद्धिक र कडाई आवश्यक प्रयोग गर्नुपर्छ।

सधैं सम्झना आउँछ, ब्राउजर विवरण बाहिर बनाउन छैन, त्यसैले भन्ने विशेष आश्चर्य गर्दैनन्। केही सही ठाउँमा थिएन वा सेट भने CSS मा फन्ट रंग सम्भव छैन, त्यसैले, त्रुटि को शैली छ।

अनपेक्षित अवसर

* {बायाँ जस्तै शैलीहरू छैन दुरुपयोग गर्नुपर्छ: 124px; } वा

राजभाषा राजभाषा, राजभाषा उल, उल उल, उल राजभाषा {मार्जिन-तल: 0; }
एक img {सीमा: 0; }

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

CSS - मात्र शैली ट्याग मार्फत लिंक ट्याग मार्फत पृष्ठ जोडिएको वा सम्मिलित छ यसलाई मा एक शैली फाइल हो। यो फ्लाई मा एक शैली अवस्थित एक सिर्जना गर्न वा परिमार्जन गर्न सम्भव पनि छ।

CSS प्रयोग गरेर, फन्ट रंग प्रोग्राम गर्न सकिन्छ। साथै आकार र स्थिति, मार्जिन रूपमा। वेबसाइट - छैन CSS, HTML, PHP वा जाभास्क्रिप्ट प्रभाव फ्लैश मा ज्ञान लागू गर्न लक्ष्य छ।

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

स्थिर गतिशीलता

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

यहाँ वक्ताले आवश्यकता छैन को अल्गोरिदम:

// वेबसाइटमा इनपुट बटन हाइलाइट गर्न
समारोह scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'देखिने' .;
}

// वेबसाइटमा इनपुट बटन लुकाउन
काम scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'लुकाइएको' .;
}

tickers, पारदर्शी तत्व, विभिन्न embodiments ओभरले, प्रदर्शनहरू, रंग लुप्त होती: CSS आफ्नै गतिशीलता प्रदान गर्दछ। CSS मा, फन्ट रंग पनि छ कि त कुनै एक stylistic नियम उपलब्ध छैन गर्न सकिन्छ।

गतिशील सामग्री प्रदर्शन

यदि कुनै dogmas थिए, सायद त्यहाँ कुनै प्रगति हुनेछ। बस के लड्न जस्तै थियो छैन। हाइपरटेक्स्ट संसारमा dogma धेरै ल्याए। तिनीहरूलाई ध्यान र विकास एक व्यावहारिक र व्यावहारिक शैली मा साइटहरु सुरु गर्न समय छ।

सुरुमा एक पृष्ठ (पी) छ, तपाईंको सामग्री (K) को केही, पृष्ठ को सबै ट्याग शैली पाना (एस) मा वर्णन छन्। एक नयाँ डाटाबेस बाट K छानेर सर्भर मा PHP वा पर्ल मार्फत फारम पी पृष्ठ। अवस्थित शैली पाना एस स्वतः पालन गर्नेछन्। तर, कश्मीर परिवर्तन हुन सक्छ, र प्रायजसो, यस्तो परिवर्तन अन्य शैलीहरू लागि आवश्यकता हो, त्यो छ, एस + entail थियो।

उदाहरणका लागि, ग्राहक भने: "साइट वर्णन मास्को को जीवन, राम्रो हुनेछ समाचार लेख को शैली मा सजाया छ भने" लस भेगास "र शैली मा वैज्ञानिक र प्राविधिक प्रगतिमा लेख" ModernTehno "को शैली मा रात bustle वर्णन," ZaZavtrakom ' "। तर हामी यी विकल्पहरू तीन एस बनाउन भने त्यहाँ ग्राहक "समाचार", "छुट्टी", "कार्य», «CSS / HTML» बोनस "HozyaykeNaZametku" लेख को एक सेट गर्न विचार छैन भनेर कुनै ग्यारेन्टी छ।

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

जाभास्क्रिप्ट को गतिशीलता शैली

न्यूनतम, हुनत धेरै प्रभावकारी समाधान - शैली सीधा ग्राहकको ब्राउजरमा गर्न। यसको लागि हाइपरटेक्स्ट पृष्ठ र शैली फाइलहरू को गठन समय खर्च गर्न हुनेछैन - पहिलो, यो सर्भर relieves।

उहाँले अझै पनि त्यसैले, उहाँले एक लगातार र विचारशील जानकारी उत्पादन चाहनुहुन्छ, थोक सामग्री देख्न गर्छ: दोस्रो, ब्राउजर भित्र समय प्राकृतिक बर्बाद पृष्ठ व्यापार कब्जा छ र सक्रियतासाथ आगन्तुक संग संवाद समर्थन प्रभाव सिर्जना गर्नेछ।

तेस्रो, यो विकासकर्ता उहाँले सहज छ जो यो शैली मा सामग्री, को आगन्तुक संयन्त्र प्रदान गर्न अनुमति दिन्छ। यो पनि जो कोहि छैन।

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

यो डाटा मा प्रदर्शन र प्रदर्शन मा छोडेर प्रक्रिया डेटा को प्रस्तुति विभाजन गर्न आधुनिक झुकाव काट्न छैन।

एक सक्रिय संघटक रूपमा CSS

हाइपरटेक्स्ट राम्रो धेरै ल्याए, तर प्राकृतिक जानकारी मात्र एउटा सानो अंश सफलतापूर्वक formalized थियो, त्यहाँ उपकरण र उच्च गुणस्तरीय, HTML, XML, CSS कागजातहरू सिर्जना अनुभव थिए। जानकारी को नयाँ मात्रा formalize र परिवर्तन पहिले नै पहिले बनाएको छैन समस्या।

CSS आदर, यो प्रक्रिया एक पूर्ण बिभिन्न सन्दर्भमा सक्रिय छ। , JavaScript मा निर्मित उपकरण तत्व को तत्व र शैलीहरू यस्तो सम्भावना प्रत्याशा थिएन सिर्जना गर्न "मक्खी मा" सक्षम र PHP को निर्माताहरू, विशेष, केवल HTML पृष्ठ को गठन मा लगे गर्न विश्वास गरे।

दुवै पहिलो र दोस्रो प्रोग्रामिंग शैलीहरू के गर्न अनुमति दिन्छ। सूचना प्रविधि क्षेत्रमा यो नयाँ निर्देशन। शैलीहरू को XML वा HTML भन्दा एकदम अधिक औपचारिक कुरा हो, यो नियम धेरै सरल छन्। शैली कुनै कुरा कसरी प्राकृतिक थियो, जानकारी मा वर्तमान सधैं छ।

दर्ता डेटाबेस प्रोग्रामर एक अधिक formalized क्षेत्रहरु मा सधैं संलग्न छन्, तर CSS विषय - एक धेरै नै सरल कार्य, तर तरिका विकास प्रक्रियाको दृश्य को क्षेत्र मा प्राप्त भएन।

कार्यक्रम को क्षेत्र मा dogma मा

एक हिमशैल जस्तै, एक dogma लामो expanses जानकारी furrowing गर्न सक्दैन। विगत अनुभव मात्र HTML- र CSS-स्तर मा, उपकरण तिनीहरूलाई काम गर्न, ज्ञान विकासकर्ताहरूले ध्यान थियो।

एक सरल कार्य - CSS फन्ट रङ मार्फत गर्न - सही समाधान फेला छ। नियम, विन्यास, तर्क र सान्त्वना indisputable छन्। तर फन्ट वास्तवमा, अभ्यास लागि रंग को एक धेरै छ हुँदा पनि धेरै सबै संचित "शक्ति» HTML र CSS आवश्यकता छैन वास्तविकता को virtualization उद्देश्य लागि आवश्यक छ, र साँच्चै, त्यहाँ एक समय आउछ स्थिति ज्ञान जाने जब पुनरुत्पादन र प्रदर्शन अनुभव र सामग्रीको शैलीहरू प्राकृतिक गठन को उपकरण।

यो कसरी हुनेछ, सम्पूर्ण स्पष्ट नहुन सक्छ, तर प्रक्रिया स्पष्ट, तरिका अन्तर्गत पहिले नै हुन्छ।