आपल्या सीएसएस 3 शैली पत्रकांसह कार्य करण्यासाठी टिपा

शैली-इन-कॅसकेड

एकदा आम्ही आमच्या वेबसाइटची रचना परिभाषित केली आणि विकसित केली DOM अगदी अचूक मार्गाने, त्यातील शैली परिभाषित करणे महत्त्वाचे आहे, हे सर्वात सर्जनशील क्षेत्र देखील आहे आणि ज्यामध्ये आपण आपल्या वेबसाइटच्या शेवटच्या कोप to्यावरील उच्चतम परिशुद्धतेसह सानुकूलित करू शकता. कॅसकेडिंग शैली पत्रके सर्वात योग्य उपाय आहेत, परंतु वेब डेव्हलपमेंटच्या जगात प्रथम प्रवेश करणा all्या सर्वांसाठी, काही उत्कृष्ट टिप्स आहेत ज्या सर्वोत्तम परिणाम साध्य करण्यासाठी विचारात घ्याव्यात.

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

आपल्या सीएसएस 3 शैली पत्रकात प्रभावी ऑर्डर आणि रचना स्थापित केल्याचे सुनिश्चित करा

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

आपल्या प्रत्येक निवडकर्त्यांसाठी स्पष्ट आणि संक्षिप्त नावे निवडा

आपण लक्षात घेणे आवश्यक आहे की काहीतरी फार महत्वाचे आहे, आणि ते म्हणजे सीएसएस 3 अप्पर आणि लोअर केसच्या पत्रांच्या वापरामध्ये भिन्न आहे, म्हणून कॅपिटल अक्षरासह एखादा शब्द लिहिण्याचा अर्थ काहीतरी वेगळा असू शकतो आणि यामुळे त्रुटी येऊ शकतात. या प्रकारची समस्या टाळण्यासाठी सर्वात सोपी गोष्ट म्हणजे लोअर केसची अक्षरे नेहमी वापरणे. तसेच प्रयत्न करा आपल्या वर्गांसाठी आणि आपल्या आयडीची नावे निवडा जी स्पष्टपणे ओळखण्यायोग्य आहेत आणि ते आपल्याला शंका किंवा त्रुटींकडे दुर्लक्ष करीत नाहीत.

स्पष्टीकरण देणारी टिप्पण्या जोडण्यास विसरू नका

नक्कीच आपल्याला आपल्या फायली इतर लोकांसह सामायिक करणे आवश्यक आहे, कदाचित आपले क्लायंट किंवा आपल्या कार्यसंघाचे सहकारी जसे की लेआउट डिझाइनर, इतर डिझाइनर किंवा विकसक. या कारणास्तव, संरचनेकडे लक्ष देणे आणि स्वच्छ आणि नीटनेटका कार्य सुनिश्चित करणे फार महत्वाचे आहे. स्पष्टीकरण देणार्‍या टिप्पण्या आमच्या स्टाईलशीटमध्ये प्रवेश करणार्‍या कोणालाही द्रुत दृष्टीक्षेपात त्यांचा मार्ग शोधण्यात मदत करतील. कोणत्याही प्रकारचे निरीक्षण जे विचारात घेतले पाहिजे ती सामग्री म्हणून दिसून आली पाहिजे. लक्षात ठेवा की आपण आपल्या एचटीएमएल फाइलमध्ये आणि आपल्या सीएसएस फाईलमध्ये सामग्री समाविष्ट करू शकता आणि त्या दोन्ही प्रकरणांमध्ये अशा टिप्पण्या आहेत ज्या अंतिम परिणामांमध्ये तार्किकपणे प्रतिबिंबित होणार नाहीत आणि स्त्रोत कोडमध्ये प्रवेश केला जाईल तेव्हाच ते दृश्यमान असतील जेणेकरुन ते खूप असू शकतात. उपयुक्त.

आपल्या शैली पत्रकात नेहमीच रीसेट लागू करा

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

सर्वात प्रभावी साधन निवडा

आपल्या वेबसाइट डिझाइनवर काम करताना आपण शक्य तितक्या कार्यक्षम होण्यासाठी अनेक साधने वापरू शकता. आपल्या साइटची रचना विकसित करण्यापासून वायरफ्रेम्सच्या निर्मितीपासून तसेच सर्व प्रकारच्या अनुप्रयोगांसह अ‍ॅडोब फोटोशॉप, इलस्ट्रेटर किंवा फटाके. आपल्याकडे बरेच व्यावसायिक संपादक देखील एक सर्वात शिफारस केलेले आहेत (किमान मी वापरत असलेले एक) उदात्त मजकूर किंवा, यात अयशस्वी, अ‍ॅडोब ड्रीमविव्हर ते व्यक्तिमत्त्वाच्या उच्च पदार्थासह तसेच आमच्या कोडसह शॉर्टकट प्रणालीद्वारे कार्य करण्याची शक्यता आणि स्वयं-पूर्ण प्रणालीसह अगदी साध्या इंटरफेस प्रदान करतात ज्यामुळे आम्ही वापरत असलेला 70% पेक्षा अधिक वेळ वाचविण्यात आम्हाला मदत होईल पारंपारिक साध्या मजकूराचा संपादक.


लेखाची सामग्री आमच्या तत्त्वांचे पालन करते संपादकीय नीति. त्रुटी नोंदविण्यासाठी क्लिक करा येथे.

एक टिप्पणी, आपले सोडून द्या

आपली टिप्पणी द्या

आपला ई-मेल पत्ता प्रकाशित केला जाणार नाही. आवश्यक फील्ड चिन्हांकित केले आहेत *

*

*

  1. डेटा जबाबदार: मिगुएल Áन्गल गॅटन
  2. डेटाचा उद्देशः नियंत्रण स्पॅम, टिप्पणी व्यवस्थापन.
  3. कायदे: आपली संमती
  4. डेटा संप्रेषण: कायदेशीर बंधन वगळता डेटा तृतीय पक्षास कळविला जाणार नाही.
  5. डेटा संग्रहण: ओकेन्टस नेटवर्क (EU) द्वारा होस्ट केलेला डेटाबेस
  6. अधिकारः कोणत्याही वेळी आपण आपली माहिती मर्यादित, पुनर्प्राप्त आणि हटवू शकता.

  1.   मार्ग संचेझ म्हणाले

    सल्ल्याबद्दल धन्यवाद, मी डिझाइनबद्दल उत्साही आहे आणि सर्व सल्ला चांगला प्रतिसाद मिळाला आहे. पुढे जात रहा.
    धन्यवाद!!!