CSS प्रभाव: तत्व को गोलो कुना

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

तर, वर्तमान कार्यक्रम अझै पनि वास्तविकता को निर्माण प्रस्तुत देखि धेरै टाढा छ। अहिलेसम्म कुनै पनि क्षेत्र यसको अर्थ र आयताकार आकार, इच्छित वक्र आकृति लाइन भित्र गठन गरिएको छ जो को औपचारिक नियुक्ति कुनै पनि (के तपाईं ब्लक तत्व मन कब्जा)।

अहिलेसम्म कुनै पनि सर्कल, गोलाई अर्धव्यास एक बाङ्गो सीधा र यति मा। पी परिसर गणितीय समीकरण वा धेरै सानो घन, trapezoids, ट्यूटोरियल वा लाइन मा एक बिन्दु रूपमा आँखा गर्न distinguishable हो कि अन्य सरलरेखीय तत्व कसरी वर्णन गर्दछ।

क्लासिक सीधा डिजाइन

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

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

CSS लागि सामान्य नियम

क्यासकेडिङशैलीपाना पानाहरू निम्नानुसार तत्व वर्णन गर्न प्रस्ताव:

• सम्पत्ति: मान।

यस मामला मा, सम्पत्ति - विशिष्ट नाम र मूल्य नाम वा नाम वा मान एक सूची या त हुन सक्छ।

ब्लक तत्व र CSS राउण्ड कुनामा मार्फत गर्न आवश्यकता सन्दर्भमा, यो ढाँचा "38px" वा "8px 16px 24px 38px" मा सीमा अर्धव्यास सम्पत्ति र यसको मूल्य प्रयोग गर्न अर्थमा बनाउँछ।

एकल नम्बर दिएको मूल्य भने, यो सबै कोण लागि ती सेट गरिनेछ। रेकर्ड सबै चार मानहरू:

• पहिलो नम्बर - माथिल्लो बायाँ कुनामा गर्न;
• दोस्रो - माथिल्लो दायाँ;
• तेस्रो - गर्न तल्लो दायाँ;
• नवीनतम - तल्लो बायाँ।

नियमहरूमा केही साझा

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

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

यसलाई बुझ्न महत्त्वपूर्ण छ भनेर सीमा, छवि, डिजाइन कोण को मामला मा - अवधारणा को नै प्रकार। रेखाचित्र PNG-ढाँचामा छैन प्रस्तुत गर्न सकिन्छ। उहाँले CSS मा स्थापित नियम अनुसार, ब्राउजर द्वारा नष्ट हुनेछन्। गोलो कुना - मायालु विकासकर्ता, स्रोत सामाग्री को squareness बिना।

विशेषताहरु , HTML, CSS ब्राउजर बाट

स्वागत शैली रेकर्डिङ थोक - एक पटक सबै ब्राउजर लागि। जे भए पनि विषय मा क्लासिक उदाहरण "सीएसएस: गोलाकार कुना" प्रस्ताव त लेख्न:

पृष्ठभूमि: # FF7F00; / * पृष्ठभूमि * /

सीमा: 1px #CCCCCC ठोस; / * सीमाना * /

-moz-सीमा अर्धव्यास: 10px; / * CSS मोजिला फायरफक्स लागि कुनामा राउण्ड * /

-webkit-सीमा अर्धव्यास: 10px; / * ... को सफारी र Chrome लागि * /

-khtml-सीमा अर्धव्यास: 10px; / * ... Konquerer * /

सीमा अर्धव्यास: 10px; / * सीएसएस लागि कुनामा राउण्ड * / र यति मा। एन

तर, सबै भन्दा अवस्थामा यो अन्तिम नियम निर्दिष्ट गर्न पर्याप्त छ। त्यहाँ एक वास्तविक आवश्यकता हुँदा मात्र अतिरेक प्रयोग गर्नुपर्छ।

क्लासिक र सुन्दर तालिका

धेरै controversies समर्थकहरूको तालिका लेआउट (tr, td) र div ट्याग र span प्रयोग गर्ने विकल्प ( «अद्भुत" सजावट), उद्देश्य अभ्यास इष्ट विकल्प reasonably आवश्यक भए तापनि।

divs मा अन्य टेबल केही मर्यादा छ। तिनीहरूले प्रत्येक अन्य पूरक छैन, यदि र सिर्फ प्रतिस्पर्धा, प्रश्न चाँडै टेबल र divs को सबै भन्दा राम्रो पक्ष जोडती एक संस्करणमा evaporated छन्।

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

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

घटता र कोण विन्यास द्वारा कवर छैन

तपाईं कडाई, HTML, CSS सबै नियमहरू पालन गर्न सक्छ, तर परिणाम छ, तिनीहरूले प्रदान छैन। प्रत्येक अन्य तत्व Superimposing, यो कुनै पनि कन्फिगरेसन को कुनै पनि क्षेत्र प्राप्त गर्न सम्भव छ। सर्भर मा PHP-विकास प्रयोग गरेर, तपाईँले HTML-फाइल वा छुट्टै JS-फाइल को शरीर मा उपयुक्त जाभास्क्रिप्ट कोड तिनीहरूलाई संलग्न गर्न आगन्तुक ब्राउजरमा र कुनै पनि शैली फाइलहरू पठाउन सक्छन्।

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

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

यो प्रविधि आफूलाई तीन आयोमी विमान वा शो एनिमेसन मा महसुस गर्न यस्तो वस्तुहरु हस्तक्षेप गर्दैन।