CSS: फॉन्ट रंग, शैली, नमुना, आकार

प्रोग्रामिंग - मिरर: प्रारंभी शब्द होता, आणि परत प्रतिबिंबित नाही. आणि फार लवकर "बदल" होते: प्रथम मिरर, नंतर शब्द ... या टप्प्यावर, शैली पत्रक cascading - चांगला आहे, पण जोपर्यंत तो विकासक हरकत जात असे का आहे? CSS - हे सर्व एकाच अरे वेळा संगणकाच्या युगात आहे, पण फक्त एक वेगळा दृष्टीकोन आहे. जनतेला होतात तेव्हा associative क्रांती केली नाही.

संकेतस्थळावर - तो एक विशिष्ट शैली किंवा शैली वर्ग अभिज्ञापक गुणविशेष जाऊ शकते HTML-मार्कअप टॅग. पहिल्या एकदा व्याख्या जाऊ शकते आणि काहीही किती आवश्यक वेळ स्तुती करण्यासाठी, आणि दुसरा एक विशिष्ट घटक मालकीची आहे.

शैली वर्णन सामान्य तर्कशास्त्र

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

शैली लागू करा, उदाहरणार्थ, एक विशिष्ट फॉन्ट रंग बदल रंग, कुठेही आणि काहीही असू शकते. प्रश्न कसे एकत्र शैली disassembly दरम्यान एक ब्राउझर मध्ये त्यावर प्रतिक्रिया आहे. या CPU वर तो किती खर्च केला?

तद्वतच, फॉन्ट रंग फक्त एकदा सूचित पाहिजे - तो एक क्लासिक आहे. एक दोन सोपे वर्णन बाहेर विचार, आणि नंतर आणखी एक ... अर्थातच, आपण हे करू शकता. फॅशन, पण व्यावहारिक आहे.

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

यापैकी फक्त सर्व तीन घटकांचे CSS रंग निर्धारित, तो किमान तीन दीर्घ कार्यरत समस्या प्राप्त करणे शक्य आहे:

# Ele1, # Ele2, # Ele3 {
स्थिती: परिपूर्ण;
डावीकडे: 20px;
वरच्या: 14px;
रंग: लाल;
}

# Ele2, # Ele3 {
डावीकडे: 90px; CSS आडव्या समन्वय बदलू //
रंग: पिवळा; फॉन्ट CSS रंग बदलू //
}

# Ele3 {
वरच्या: 114px; बदलू // CSS उभ्या समन्वय

रंग: हिरवा पुन्हा एकदा फॉन्ट CSS रंग बदलू //

पार्श्वभूमी-रंग: lightgrey; // CSS मजकूर हायलाइट रंग बदलला, पण या # Ele1 आणि # Ele2 उपस्थित नाही; स्थान देखील बदलली, पण तो # Ele2 बदलला आहे आणि नाही, येथे

}

आता आपण या तीन घटकांचा कुठेतरी व्याख्या आहे हे लक्षात ठेवणे आहे, आणि साइट मालक रंग प्रतिनिधित्व बदल झाल्यास, विकासक केवळ रंग बद्दल, पण बाकी नियम आणि वरच्या लक्षात करण्यासाठी, आणि अगदी मजकूर हायलाइट रंग विसरला जाऊ नये बदलू लागेल.

सर्व विकासक श्रद्धास्थान असलेल्या नाही गरज CSS: शैली आयडी - फक्त एक घटक, आणि वर्ग शैली - अनेक टॅग, adjectives म्हणून टॅग गेल्या मुद्दा याशिवाय:

• CSS मध्ये फॉन्ट रंग सेट - शैली groundColor वर्ग;
• फॉन्ट आकार निर्देशीत - वर्ग size15;
• संच स्थान - वर्ग PlaceUp.

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

विकसक फक्त योग्य खात्यात घेणे आवश्यक आहे: फाँटचा रंग जरी HTML, CSS कठीण वर्णन देते, वर्णन एकूण रचना लवचिकता - त्याच्या काम आहे.

सामान्य तर्कशास्त्र वापरून अपेक्षित परिणाम

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

सीएसएस, सर्वात महत्वाचे सुसज्ज आहे सर्व नियम, पुढीलप्रमाणे:

• शैली - वर्ग, आणि नंतर नाव सुरू होते, "."
• शैली - अभिज्ञापक आणि त्याचे नाव "#" ने वर्ण सुरू होते;
• इतर प्रकरणांमध्ये - एक नाव टॅग किंवा काहीतरी विशेष

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

नेहमी चुकणे, ब्राउझर, वर्णन बाहेर करू नका जेणेकरून विशेष आश्चर्यकारक नाही. काहीतरी योग्य ठिकाणी नाही किंवा सेट केल्यास CSS मध्ये फॉन्ट रंग शक्य नाही म्हणून, त्रुटी च्या शैली मध्ये आहे.

अनपेक्षित संधी

* {डावीकडील शैली गैरवापर जाऊ नये 124px; } किंवा

ओल ओल, ओल उल, उल उल, उल ओल {समास-तळ: 0; }
एक img {सीमा: 0; }

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

CSS - नाही फक्त शैली टॅग माध्यमातून तो दुवा टॅग द्वारे पृष्ठावर कनेक्ट किंवा समाविष्ट आहे की एक शैली फाइल आहे. तो माशी वर एक शैली विद्यमान तयार करा किंवा सुधारित करणे देखील शक्य आहे.

CSS वापरून, फॉन्ट रंग प्रोग्रॅमॅटिकपणे केले जाऊ शकते. तसेच आकार आणि स्थान, समास म्हणून. वेबसाईट - CSS, HTML, कृपया PHP किंवा JavaScript प्रभाव फ्लॅश ज्ञान लागू करण्यासाठी एक ध्येय नाही.

वेब संसाधन - एक विशिष्ट प्रकारे देऊ सर्व माहिती प्रथम आहे. त्या CSS सर्वोत्तम असताना पृष्ठ सर्व्हर अजूनही आहे, तो तयार करणे शक्य आहे कसे लेन्स माध्यमातून प्रेरक शक्ती पाहिली जाते का आहे, इच्छित स्टाइलसिट (वेळ उपलब्ध PHP साइटवर अभ्यागत, आला तो साइट विकसित करण्यात आली त्यावेळी नाही विकसक तेव्हा नाही) एक विशिष्ट मजकूर संबंधित सामग्री, किंवा काम करीत आहे पृष्ठ म्हणून माशी वर एक शैली वर्ग किंवा अभिज्ञापक, तो एक विशिष्ट अभ्यागत येथे दिसते तेव्हा तयार करण्यासाठी.

स्थिर प्रेरक शक्ती

पुरेशा सामग्री - आम्ही नेहमी डायनॅमिक सामग्री आणि त्याच्या रचना करण्यासाठी अत्याधुनिक शोध JavaScript-कोड लिहू नये. कधी कधी योग्यरित्या संधी उपलब्ध वापर करण्यासाठी पुरेसे आहे. विशेषतः, व्याख्या CSS फॉन्ट रंग प्रारंभी स्थिर नियम, आपण हा नियम (लपविलेले) लपवा आणि दृश्यमान भिन्न (दृश्य) करू शकता.

येथे, स्पीकर अल्गोरिदम आवश्यकता नाही:

// वेबसाइटवर इनपुट बटण प्रकाशित करण्यासाठी
कार्य scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'दृश्यमान' .;
}

// वेबसाइटवर इनपुट बटण लपवा
कार्य scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'लपलेले' .;
}

टिकर, पारदर्शक घटक, विविध प्रश्नाचं उत्तर आच्छादने, दाखवतो, रंग fading: CSS स्वत: च्या प्रेरक शक्ती देते. CSS मध्ये, फॉन्ट रंग कोणीही stylistic नियम प्रदान केले नाही तरीही की केले जाऊ शकते.

डायनॅमिक सामग्री प्रदर्शन

नाही dogmas होते, तर, कदाचित नाही प्रगती होईल. फक्त लढण्यासाठी होते काय नाही. हायपरटेक्स्ट जगात विशिष्ट शिकवण भरपूर आणले. तो त्यांना लक्ष द्या आणि हटवादी आणि व्यावहारिक शैली मध्ये साइट विकसित सुरू करण्यास वेळ आहे.

सुरुवातीला, एक पृष्ठ (पी) आहे, आपल्या सामग्री (के) काही पेजवरील सर्व टॅग केलेले शैली पत्रक (एस) वर्णन आहेत. कृपया PHP किंवा पर्ल द्वारे नविन फॉर्म पी पृष्ठ डेटाबेस के निवडून सर्व्हरवर. विद्यमान शैली पत्रक एस आपोआप साधेल. तथापि, के बदलली जाऊ शकते, आणि बहुतांश घटनांमध्ये, अशा बदल इतर शैली गरज आहे की, एस + भाग पाडणे असे.

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

दुसरा दृष्टिकोन अधिक व्यावहारिक. याची पर्वा न लेखाच्या वर्गात नेहमी एक विशिष्ट रंग पायही जाऊ शकते की सामग्री आहे. या ठिकाणी जोरदार योग्य कल्पना आहे: एक पुरेसा एस निर्माण करण्यासाठी अद्याप सर्व्हरवर, विशिष्ट के, आणि ब्राउझर पी आवश्यक आहे, तो योग्य मंजुरी योग्य सामग्री मिळेल.

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

किमान, फार प्रभावी उपाय जरी - झाले ग्राहकाला थेट ब्राउझर करू. प्रथम, तो सर्व्हर आराम - तो हायपरटेक्स्ट पृष्ठे आणि शैली फाइल निर्मिती वर वेळ खर्च करण्याची गरज नाही.

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

तृतीय, तो या शैली मध्ये सामग्री, त्यांनी आरामदायक आहे अशा अभ्यागत यंत्रणा प्रदान करण्यासाठी विकासक परवानगी देते. तो अगदी कुणी नाही.

ही कल्पना अंमलबजावणी करण्यासाठी, आपण लगेच पृष्ठ लोड नंतर शैली घटक तयार करण्यासाठी एक यंत्रणा अंमलबजावणी करणे आवश्यक आहे, आणि त्याचे ऑपरेशन ओघात. आधुनिक साइट - एक विशिष्ट फॉर्म मध्ये, AJAX आहे. तो थेट पृष्ठ झाड निर्मिती प्रक्रियेत शैली निर्मिती अमलात आणणे कठीण नाही. हे सोपे स्वस्त आणि प्रभावी आहे सामग्री त्याच्या नोंदणी सोबत आहे.

या प्रक्रिया डेटा सादर आणि प्रदर्शन सोडून डेटा सादरीकरण वेगळे आधुनिक प्रवृत्ती अडचणी येत नाहीत.

सक्रिय घटक म्हणून CSS

हायपरटेक्स्ट चांगले भरपूर आणले, पण नैसर्गिक माहिती फक्त एक लहान अपूर्णांक यशस्वीरित्या औपचारिक होते, साधने आणि उच्च दर्जाचे HTML, एक्स एम एल, CSS दस्तऐवज तयार अनुभव होते. माहिती नवीन खंड औपचारिक आणि आधीच पूर्वी केले बदल नाही एक समस्या आहे.

CSS संदर्भात ही प्रक्रिया पूर्णपणे वेगळी संदर्भात सक्रिय आहे. जावास्क्रिप्ट मध्ये अंगभूत साधने, घटक घटक आणि शैली अशा शक्यता अपेक्षा नाही तयार करण्यासाठी "माशी वर" सक्षम करणे, आणि PHP निर्माते, विशेषतः, फक्त HTML पृष्ठे निर्मिती मध्ये गुंतवून विश्वास ठेवला.

दोन्ही पहिल्या आणि दुसर्या प्रोग्रामिंग शैली करू परवानगी देते. माहिती तंत्रज्ञान क्षेत्रात या नवीन दिशा. शैली XML किंवा HTML पेक्षा अत्यंत अधिक औपचारिक गोष्ट, नियम अतिशय सोपे आहेत. शैली नाही, मग तो किती नैसर्गिक होते नेहमी माहिती उपस्थित आहे.

नोंदणी डेटाबेस प्रोग्रामर एक जास्त औपचारिक क्षेत्रात नेहमी व्यस्त आहेत, पण CSS थीम - एक अतिशय सोपे काम आहे, पण विकास प्रक्रिया दृश्य क्षेत्रामध्ये येणे नाही कसा तरी.

प्रोग्रामिंग क्षेत्रात विशिष्ट शिकवण रोजी

एक माणूस प्रमाणे, एक विशिष्ट शिकवण लांब expanses माहिती furrowing करू शकत नाही. मागील अनुभव केवळ HTML- आणि CSS-मानदंड, त्यांना काम करण्यासाठी साधने, ज्ञान विकासक लक्ष केंद्रित होते.

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

हे कसे होईल, यासाठी पूर्णपणे स्पष्ट होऊ शकते, परंतु प्रक्रिया उघड आहे, मार्ग आधीपासूनच आहे.