शीर्ष inset CSS: स्थिति सामग्री

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

यो बिल्कुल अवस्थित छ जब सबै पक्षलाई padding पृष्ठ को प्रत्येक तत्व लागि महत्त्वपूर्ण छन्, र शीर्ष मार्जिन यो विभिन्न तत्व, विशेष तल्लो-मामला लागि महत्त्वपूर्ण छ विशेष गरी किनभने CSS निर्धारण गरिन्छ।

आधारभूत स्थिति नियम

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

को विशेष महत्व छ शीर्ष मार्जिन। एकाइ बिल्कुल र अपेक्षाकृत अवस्थित छ कि ब्लक भित्र तत्व आन्तरिक गद्दी नियम जडान भित्र CSS नियम।

CSS-नियम को सामान्य अभ्यास: तपाईं सबै पक्षले मार्जिन उत्तिकै, जोडी मा शीर्ष / तल र बायाँ / दायाँ वा अलग प्रत्येक पक्ष गर्न निर्दिष्ट गर्न सक्नुहुन्छ। उदाहरणका लागि,

• मार्जिन: 10px;
• padding: 10px20px;
• padding: 10px20px30px40px।

पहिलो मामला सदस्य मा स्थित छ जसमा बाहिरी कन्टेनर को पक्ष देखि अफसेट स्थापित छ। दोस्रो मामला शीर्ष र तल मार्जिन छन् 10px, बायाँ र दायाँ - 20px। तेस्रो मामला मा, सबै पक्षलाई padding को आयाम: शीर्ष, दायाँ, तल र बायाँ।

यी सबै अवस्थामा, माथि मार्जिन CSS 10 पिक्सेल छ।

तत्व को स्थिति परिवर्तन गर्न नियम

लेआउट तत्व बिल्कुल अवस्थित छ भने, यो सामान्य आदेश फारम पृष्ठ मा छ।

कुनै - सीएसएस scCurrInfo तत्वको शीर्ष मार्जिन हासिल छ, र यदि ली को स्तर मा हामी परिभाषित भने।

यो उदाहरणमा, padding नियम को प्रयोग: 40px; यो आवश्यक छ पर्याप्त नियम कम चौडाई तथा उचाइ गर्न 80px। अन्यथा scCurrInfo ब्लक आकार बाह्य एकाइ परे बाहिर।

तपाईं विवरण नियम scCurrInfo देखि गद्दी हटाउन, तर सूची वस्तु शैली को विवरण 20px को मान, केवल शीर्ष मार्जिन यसलाई थप्न भने। CSS अन्य दल यो मूल्य लागू हुँदैन।

स्वाभाविक, यस्तो प्रयोग इन्डेन्टेसन नियम लागू गर्न प्रत्येक तत्व ली।

सामान्य अभ्यास सामग्री ढाँचा

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

स्वतन्त्रता निहित मा ब्लक लेआउट, mesmerizing र विकासकर्ता को कल्पना गर्न सकिँदैन सीमित गर्न सख्त टेबुलर नियम मात्र बाँध्न मात्र सेल फ्युजन मात्र तेर्सो र ठाडो। केही निहित संबंधात्मक विचार।

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

समकोणहरू को रूप मा एक पृष्ठ को बानी प्रतिनिधित्व (ब्लक सजावट) तालिका मा रोक्दैन। यो पनि एक आयत छ, तर तिनीहरूले पनि एक तालिका कक्ष कि छ, हो यो ब्लक को नियम supplementing आफ्नै नियम छ।

निरपेक्ष स्थिति

; नियम ब्लक स्थिति: निरपेक्ष; यो स्थित छ जसमा ब्लक सापेक्षित यसको निर्देशांक द्वारा नामित स्थान मा स्थित गरिनेछ।

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

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

केही अवस्थामा, यो लोकप्रिय सामग्री व्यवस्थापन प्रणाली वेबसाइट को कुनै पनि को भित्री मा पृष्ठ तत्व आयातित गर्न आवश्यक हुन्छ, तपाईँ अझै पनि ध्यान मात्र होइन प्रयोगात्मक अभ्यास गर्न सहयोगिहरु को अनुभव हेर्न तिर्न, तर पनि गर्नुपर्छ।