सीएसएस: फ़ॉन्ट रंग, शैली, पैटर्न, आकार

प्रोग्रामिंग - दर्पण: आदि में वचन था, और वापस नहीं परिलक्षित। और बहुत जल्दी यह "परिवर्तन" के लिए था: पहले दर्पण है, तो शब्द ... इस बिंदु पर, शैली पत्रक व्यापक - है अच्छा, लेकिन क्यों इतने लंबे समय यह एक डेवलपर मन में जा रहा था? सीएसएस - यह सब एक ही सरणी बार कंप्यूटर प्रोग्राम के युग है, लेकिन केवल एक अलग नजरिए में। यहां तक कि जब जनता बन साहचर्य क्रांति नहीं किया जाता है।

वेबसाइट पेज - यह एचटीएमएल-मार्कअप, जो एक निश्चित शैली या शैली वर्ग पहचानकर्ता के लिए जिम्मेदार ठहराया जा सकता है टैग करता है। पहले एक बार परिभाषित किया जा सकता है और कुछ भी ज्यादा जरूरत समय के लिए बताते हैं, और दूसरा एक विशेष तत्व के अंतर्गत आता है।

शैलियों के वर्णन के सामान्य तर्क

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

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

आदर्श रूप में, फ़ॉन्ट रंग केवल एक बार उल्लेख किया जाना चाहिए - यह एक क्लासिक है। एक जोड़े का एक सरल विवरण के लिए बाहर सोचो, और फिर एक और और एक अन्य ... ज़ाहिर है, आप कर सकते हैं। यह फैशनेबल है, लेकिन व्यावहारिक है।

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

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

# Ele1, # Ele2, # Ele3 {
स्थिति: पूर्ण;
बाएँ: 20px;
शीर्ष: 14px;
रंग: लाल;
}

# Ele2, # Ele3 {
बाएं: गुणित 90px; // सीएसएस क्षैतिज निर्देशांक बदल
रंग: पीला; // फ़ॉन्ट सीएसएस का रंग बदल
}

# Ele3 {
शीर्ष: 114px; // सीएसएस बदल खड़ी समन्वय

रंग: हरे रंग; // एक बार फिर से फ़ॉन्ट सीएसएस का रंग बदल

पृष्ठभूमि का रंग: lightgrey; // सीएसएस पाठ हाइलाइट रंग बदल गया है, लेकिन इस # Ele1 और # Ele2 में मौजूद नहीं है; स्थिति भी यहाँ के रूप में बदल गया है, लेकिन यह # Ele2 में बदल गया है और नहीं,

}

अब हम याद रखना होगा कि इन तीन तत्वों के सभी कहीं न कहीं परिभाषित किया गया है, और साइट के मालिक का रंग अभ्यावेदन का एक परिवर्तन की स्थिति में, डेवलपर न केवल, लेकिन यह भी छोड़ दिया नियमों और शीर्ष के बारे में रंग के बारे में याद करने के लिए, और भी बदलने के लिए पाठ के हाइलाइट रंग भूल नहीं की जानी चाहिए होगा।

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

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

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

डेवलपर बस सही ढंग से ध्यान में रखना चाहिए: का फ़ॉन्ट रंग भले ही HTML, सीएसएस , हार्ड वर्णन करने के लिए प्रदान करता है विवरण के समग्र संरचना का लचीलापन - कि उसकी काम है।

आम तर्क का उपयोग करने का अपेक्षित परिणाम

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

सभी नियमों, जो सीएसएस, सबसे महत्वपूर्ण के साथ सुसज्जित है की:

• शैली - वर्ग, और उसके बाद नाम के साथ शुरू होता है, "।"
• शैली - पहचानकर्ता और उसके नाम एक "#" चरित्र के साथ शुरू होता है;
• अन्य मामलों में - एक नाम टैग या कुछ खास

शैलियाँ में वर्णन विचारों के शेष भाग (भाग गुण ओवरलैप, प्राथमिकताओं, स्थिति, आदेश और की तरह। डी) समझदारी से और सख्ती से आवश्यक किया जाना चाहिए।

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

अप्रत्याशित अवसरों

दुरुपयोग नहीं किया जाना चाहिए * {बाईं तरह शैलियों: 124px; } या

ol ol, ol उल, उल उल, उल ol {margin-bottom: 0; }
एक img {सीमा: 0; }

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

सीएसएस - न केवल उस शैली टैग के माध्यम से लिंक टैग के माध्यम से पेज से जुड़ा है या यह में डाला जाता है एक शैली फ़ाइल है। यह भी एक मौजूदा एक मक्खी पर एक शैली बनाने या संशोधित करने के लिए संभव है।

सीएसएस का उपयोग करके, फ़ॉन्ट रंग प्रोग्राम के रूप में किया जा सकता है। साथ ही आकार और स्थिति, मार्जिन के रूप में। वेबसाइट - सीएसएस, एचटीएमएल, पीएचपी या जावास्क्रिप्ट प्रभाव फ्लैश में ज्ञान को लागू करने के लिए एक लक्ष्य नहीं है।

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

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

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

इधर, वक्ता एल्गोरिथ्म की आवश्यकता नहीं है:

// वेबसाइट पर इनपुट बटन को उजागर करना
समारोह scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'दृश्य' .;
}

// वेबसाइट पर इनपुट बटन को छिपाने
ढंग से काम scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'छुपा' .;
}

टिकर, पारदर्शी तत्वों, विभिन्न embodiments ओवरले, प्रदर्शित करता है, रंग फीका: सीएसएस खुद गतिशीलता प्रदान करता है। सीएसएस में, फ़ॉन्ट रंग भी ताकि कोई भी शैलीगत शासन प्रदान नहीं की है बनाया जा सकता है।

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

अगर कोई सिद्धांतों थे, शायद वहाँ कोई प्रगति होगी। बस नहीं क्या यह लड़ने के लिए की तरह था। हाइपरटेक्स्ट दुनिया में हठधर्मिता का एक बहुत लाया। यह उन पर ध्यान देना और एक व्यावहारिक और व्यावहारिक शैली में साइटों के विकास शुरू करने के लिए समय है।

प्रारंभ में, वहाँ एक पेज (पी) है, अपनी सामग्री (के) में से कुछ, पेज के सभी टैग शैली पत्रक (एस) में वर्णित हैं। PHP या पर्ल के माध्यम से नहीं एक नया रूप पी पेज डेटाबेस से कश्मीर का चयन करके सर्वर पर। मौजूदा शैली पत्रक एस स्वचालित रूप से पालन करेंगे। हालांकि, कश्मीर बदला जा सकता है, और ज्यादातर मामलों में, इस तरह के एक परिवर्तन अन्य शैलियों के लिए की जरूरत, जो है, एस + करना पड़ेगा।

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

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

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

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

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

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

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

यह डाटा प्रोसेसिंग पर प्रदर्शन किया और प्रदर्शन में जाने से डेटा की प्रस्तुति को अलग करने के आधुनिक प्रवृत्ति का विरोध नहीं करता है।

एक सक्रिय संघटक के रूप में सीएसएस

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

सीएसएस के संबंध में, इस प्रक्रिया को पूरी तरह से अलग संदर्भ में सक्रिय है। जावास्क्रिप्ट में अंतर्निहित टूल, "मक्खी पर" सक्रिय करने के तत्वों और तत्वों की शैलियों इस तरह के एक संभावना अनुमान नहीं था बनाने के लिए, और PHP के रचनाकारों, विशेष रूप से, केवल HTML पृष्ठों के गठन में लगे होने का विश्वास।

दोनों पहले और दूसरे प्रोग्रामिंग शैलियों करना अनुमति देता है। सूचना प्रौद्योगिकी के क्षेत्र में इस नई दिशा। शैलियाँ XML या HTML की तुलना में काफी अधिक औपचारिक बात है, नियम बहुत सरल हैं। शैली हमेशा जानकारी में मौजूद है, कोई फर्क नहीं पड़ता कि यह कैसे स्वाभाविक था है।

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

प्रोग्रामिंग के क्षेत्र में हठधर्मिता पर

एक हिमशैल की तरह, एक हठधर्मिता लंबे विस्तार जानकारी नहीं furrowing कर सकते हैं। पिछले अनुभव न केवल html- और सीएसएस-स्तर में, उपकरण उन लोगों के साथ काम करने के लिए, ज्ञान डेवलपर्स ध्यान केंद्रित करने के लिए किया था।

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

यह कैसे हो सकता है, पूरी तरह स्पष्ट नहीं हो सकता है, लेकिन इस प्रक्रिया स्पष्ट रूप से चल पहले से ही है कि,।