CSS: माथी। मूल माथी-प्रभाव

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

साइट निर्माण तीन पक्ष

PHP-कोड, जाभास्क्रिप्ट-कोड र CSS शैलीहरू को विवरण: दृश्य को एक औपचारिक बिन्दुबाट, त्यहाँ तीन मुख्य घटक (विभिन्न guises वाक्यविन्यास) अप साइट बनाउन छन्। यो प्रयोग गरिन्छ र के संस्करण एक विशेष घटक को, HTML को के संस्करण प्रयोग कसरी र ब्राउजर को के संस्करण यसलाई लायक छ कुरा छैन। आज उपयुक्त किनभने कुनै पनि समय मा उच्च सम्मान मा आयोजित छैन, बाँकी छ: कि एन्कोड गरिएको छ र सङ्केतन छ के को कि, प्रदर्शित गर्न सकिन्छ र कार्यान्वयन।

पहिले, भाषा को विचार को लागि लडेको भने अब व्यर्थमा इन्टरनेट प्रविधिहरू र ब्राउजर को क्षेत्र मा निर्माताहरु स्तर रुचि मा लड्न।

निजी र सार्वजनिक

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

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

विकास आफ्नो व्यक्तिगत अनुभवमा आधारित र ती CSS डिजाइन भनेर भन्दा ब्राउजरहरूमा काम सिद्ध CSS-शैलीहरू मा लगे विकासकर्ता सबैभन्दा आगंतुकों पूरा। पहिलो र दोस्रो न्यूनतम कुनै पनि समयमा, एक परिणाम वस्तुतः कहीं काम प्राप्त गर्न रूपमा, सकेसम्म धेरै त धेरै अधिक संभावना प्रयोग गर्नुपर्छ।

पहिलो नियम: मानक आशा, तर आफूलाई मदत गर्ने पनि ती

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

यो तत्व माउस को आन्दोलन जस्ता trifles चिन्ता छैन आफ्नो साइट कोड धेरै सुविधाजनक छ। शैलीहरू दुई वर्णन वर्णन तालिकामा प्रदान:

तत्व {

रंग: कालो;

}

तत्व: माथी {

रंग: सेतो;

पृष्ठभूमि रंग: हरे;

}

तपाईं स्वतः सेतो कालो पाठ रंग परिवर्तन तत्व मा माउस hover गर्दा प्राप्त, र हरियो गर्न तत्व को पृष्ठभूमिमा परिवर्तन गर्नुहोस्। छद्म कुनै पनि तत्व लागू र दृश्य प्रभाव को एक विस्तृत विविधता हासिल गर्न सकिन्छ।

दोस्रो नियम: भरोसा स्तर, यसको कोड द्वारा निर्देशित छ

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

अर्कोतर्फ, केवल एक विशेष स्पर्श स्क्रीन ग्याजेट संग सुसज्जित उपलब्ध यसलाई स्मार्टफोन, ट्याब्लेट र समान उपकरणहरूमा चलनअनुसारको भएको छ रूपमा, स्पर्श स्क्रिनमा आफ्नो औंलाहरु परिमार्जन गरिएको छ।

त्यहाँ एक महत्वपूर्ण फरक छ र: माथी यहाँ काम हामी चाहनुहुन्छ रूपमा छैन। कुनै कोड के गर्न सक्दैन, र मिडिया प्रश्नहरु को प्रयोग सबै प्रश्नहरूको छैन निर्णय गर्छ।

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

बटन र पृष्ठ को अन्य तत्व

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

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

शैलीपानाफेलापरेन मा पासो

कि CSS शैलीहरू को क्षेत्र मा मानक थाहा छैन उनि गर्दै छन् के भन्न, यो असम्भव छ, तर तिनीहरूले पूर्णतया इन्टरनेट कार्यक्रम क्षेत्रमा अन्य स्तर संग सहयोग भन्न पनि असम्भव छ।

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

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

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

मानक र यसको अनुकरण

को CSS शैली माउसमाथिहुँदा र घटनाहरू माउसबाहिरिदा को प्रयोग मार्फत माथी जाभास्क्रिप्ट मार्फत emulated गर्न सकिन्छ। अक्सर यो सबै समाप्त हुन्छ। यो, यो कि परिवर्तन गर्ने mythical स्तर को कृपा मा यो दिन भन्दा, आफ्नो हात मा नियन्त्रण राख्न राम्रो छ वास्तविक काम साइट सिर्जना गर्न आउँदा साधारण अर्थमा को standpoint देखि इच्छा र विकासकर्ता को इच्छा छ।

जस्तै, "यो सुविधा पनि अर्थात्» उपलब्ध छ कहिलेकाहीं तपाईं केहि पढ्न सक्नुहुन्छ, तर थप कथित छन् के शैलीहरू विशिष्ट ब्राउजर वर्णन बारेमा पढ्न सकिन्छ। धेरै कम जाभास्क्रिप्ट फरक ब्राउजरहरूमा फरक छ कसरी सिक्न सक्नुहुन्छ।

अनुभव मूल्यांकन, प्रशंसा सुविधाहरू "क्रोम" र "ओपेरा", "माइक्रोसफ्ट" कुनै पनि प्रोग्रामर देखि निर्माता देखि ढिला सुस्ती उजुरी गर्नुस् र ब्राउजरको inertia (अर्थात् लागि, अविस्मरणीय प्रिय को आलोचना: "असल पुरानो इन्टरनेट एक्सप्लोरर कम्प्युटर मा बस अल्छी वा जसले श्राप छैन। मात्र "त्यागी" कसरी खेल्न थाह "- उद्धृत अज्ञात लेखक इन्टरनेट), सुनको मतलब पालन गर्नुपर्छ: के सबैतिर र सबै समय मा काम गर्दछ प्रयोग गर्नुहोस्।

मानिसहरू थ्रिल्स प्राप्त गर्न आवश्यक जब तिनीहरूले सामान्यतया रजिस्ट्री कार्यालय वा थिएटर, तर इन्टरनेटमा जाने काम गर्न उपकरण आवश्यक छ।

यंत्रानुकरण र नियन्त्रण

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

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