वापसी पर स्वागत है।
अब जब हम अपनी सूची करने के लिए किया एप्लिकेशन के बुनियादी कार्यक्षमता है यह हमें यह इस तरह लग रहे बनाने पर ध्यान केंद्रित करने के लिए समय है।
तो हम निश्चित रूप से जाने के लिए काफी तरीके हैं।
और हम सिर्फ एक समय में यह एक टुकड़ा हमला करने के लिए जा रहे हैं।
मैं कोशिश करते हैं और सबसे तार्किक संभव क्रम में यह करूँगा।
हम पृष्ठभूमि रंग और फोंट यकीन है कि हम सही मार्जिन और इस बड़े कंटेनर यहाँ पर padding है और फिर हम और अधिक अति सूक्ष्म अंतर चीजों में से कुछ पर ध्यान केंद्रित करेंगे बनाने जैसे बड़े टुकड़े में से कुछ के साथ शुरू करेंगे।
ठीक है यहाँ शुरू हो जाओ।
पहली बात हम मैं एक पूर्ण स्क्रीन करूँगा करूँगा।
चलो बस यह नीचे धक्का द्वारा शुरू करते हैं।
यह हमारे कंटेनर div है।
इतना है कि हम यहाँ और अधिक जगह है हम शीर्ष करने के लिए एक मार्जिन जोड़ देंगे।
इसलिए हम वापस हमारे सी एस एस में जाना होगा और अब के लिए नीचे बंद करने या जावास्क्रिप्ट कर सकते हैं।
हमारे div कंटेनर की एक विचार है और फिर हम जाने के लिए और है कि चयन यहाँ जो आप पहले से ही किया है जाएगा।
और नहीं बल्कि शून्य ओटो खैर के अंतर से यह ऊपर और नीचे पर एक सौ पिक्सल दे।
और हम एक्स की जरूरत है अगर हम शून्य हम एक्स की जरूरत नहीं है, लेकिन हम करते हैं, तो हम एक संख्या है याद है।
चलो अब एक नज़र रखना।
ठीक है तो अब वे एक ही जगह पर शुरू कर रहे हैं।
वे वहाँ एक ही मार्जिन है।
अगली बात यह है कि हम क्या करेंगे इस कंटेनर में यह एक है जो करने के लिए एक पृष्ठभूमि रंग जोड़ने के लिए है।
यह देखने के लिए मुश्किल एक छोटा सा है, लेकिन जब मैं कुछ नष्ट इसे वापस में के माध्यम से पता चलता है।
यह ठीक है यहाँ इस रंग है।
तो यह है कि फिर से।
इसलिए हम आगे जाना है और उस जोड़ देंगे।
तो कंटेनर के बजाय अच्छी तरह से पृष्ठभूमि और रंग कहते हैं।
मैं बस इसे बाहर पढ़ा हूँ एफ 7 7 7 के बाद है।
बस असे ही।
और हम हैं कि कैसे लग रहा है की जाँच करते हैं।
ठीक।
तो हम एक ही ग्रे रंग यहीं है कि हम लोगों की है।
यह एक ही हल्के भूरे रंग है।
अगली बात यह है कि हम क्या करेंगे सीमा पर काम है।
और यह वास्तव में एक सीमा के पास नहीं है।
क्या यह है एक बहुत ही मामूली बॉक्स छाया है।
इसलिए हम बॉक्स छाया अभी तक नहीं देखा है।
मैं यहाँ कि प्रदर्शन और मीट्रिक टन एनडब्ल्यू में जाना है और यह सिर्फ एक छाया प्रभाव जोड़ने का एक तरीका है जाएगा।
तो अगर मैं नीचे स्क्रॉल आप यहाँ देख सकते हैं कुछ अलग बॉक्स छाया रहे हैं और हम एक बहुत ही हल्के से एक के लिए जा रहे हैं, लेकिन अगर आप इस के आसपास नोटिस वहाँ एक बहुत मामूली छाया है।
तो वाक्य रचना और छाया कि हम का उपयोग करने के लिए हमारी सीमा से छुटकारा मिल जाएगा जा रहे पानी का छींटा बॉक्स छाया 0 0 3 पिक्सल और फिर एक रंग है और हमारे रंग यह सिर्फ मूल रूप से काले होने जा रहा है लेकिन यह R.G है ..
और फिर हम यह वास्तव में बहुत पारदर्शी बनाने के लिए जा रहे हैं।
इसलिए अभी मुश्किल से ध्यान देने योग्य।
और अगर मैं ताज़ा करें।
अब हम कोई सीमा नहीं है, लेकिन वहाँ इस तत्व के चारों ओर एक मामूली छाया है।
ठीक।
यह सब हम अब के लिए कंटेनर के लिए क्या करना होगा है।
एच -1 पर हमला करते हैं।
तो यह कि यहां ऊपर बढ़ रहा है।
तो यह है कि सिर्फ एक H1 माना हमारे उसे एल उम्र में है।
यह एक आईडी या कुछ भी नहीं है और वह ठीक है।
के CSSA फाइल करने के लिए जाने के लिए और एक पृष्ठभूमि रंग में जोड़कर शुरू करते हैं।
इसलिए हम हर एक का चयन करेंगे और पृष्ठभूमि एक रंग है कि 2 9 8 9 0 हो सकता है और वे बचाने के लिए और ताज़ा और अब हम नीले रंग का सही छाया होगा।
इसलिए हम भी सफेद करने के लिए फ़ॉन्ट रंग बदल देंगे और जल्दी से आप उस दिखा।
ठीक है।
धीरे धीरे करीब यहाँ inching।
अगली बात यह है कि हम क्या करेंगे यह कोई मार्जिन देने के लिए और अब हम सिर्फ इस अंतरिक्ष कि हम यहाँ था से छुटकारा मिल जाएगा।
आप यहाँ देख सकते हैं वहाँ कोई मार्जिन है।
यह हमारे एच-1 है।
वहाँ गद्दी यहाँ है।
तो पाठ किनारे के खिलाफ सही ऊपर नहीं जाती है, जैसे कि यह यहाँ है।
लेकिन वहाँ नीले बॉक्स के बाहर पर कोई मार्जिन है।
यह हमारे पाठ इनपुट और भी बढ़ गया है कि गद्दी है, लेकिन वहाँ के आसपास है कि कोई मार्जिन भी है।
इसलिए हम अपनी सूची के आसपास कुछ padding जोड़कर शुरू करेंगे।
एच -1 तो यहाँ हम ऊपर और नीचे और बाईं करने के लिए 20 पिक्सल और सही करने के लिए 10 पिक्सल जोड़ने के लिए और बचाने के लिए जा रहे हैं।
आप हम करीब हो रही है देख सकते हैं।
हम फ़ॉन्ट आकार बदलने की जरूरत है।
फ़ॉन्ट बदलने की जरूरत है।
हम यह भी है कि सभी अपरकेस जाएगा और हम ऐसा कर सकते हैं अब तक।
आपको पता होना चाहिए मेरे पसंदीदा में से एक पाठ अपरकेस बदलना है।
मैं तो बस लगता है कि यह बहुत अच्छा है।
हम वहाँ जाते हैं हम सभी बड़े फ़ॉन्ट आकार 24 पिक्सल इसलिए फ़ॉन्ट आकार 24 x हो सकता है और आखिरी बात हम क्या करेंगे ठीक बचाने की जरूरत है पाने के लिए यकीन है कि यह एक सामान्य फ़ॉन्ट वजन बनाना है।
तो डिफ़ॉल्ट रूप से एक एच 1 वास्तव में बोल्ड है और हम चाहते हैं कि नहीं करना चाहती।
इसलिए हम Funt तरह से सामान्य कर देंगे या हम भी फ़ॉन्ट वजन 400 लिख सकता है।
हम वहाँ चलें।
अब यह फ़ॉन्ट जो अगले बात आप से निपटने के लिए इन गोली अंक से छुटकारा मिल रहा है चाहता हूँ के लिए वापस आ जाएगा बदलने की सिर्फ एक मामला है।
अगर हम किसी भी गोली अंक यहाँ नहीं है आप देख सकते हैं।
उन गोली अंक डिफ़ॉल्ट ब्राउज़र शैली माना जाता है।
तो हम उस पर वरीयता दी जाएगी।
हम उल चयन करने के लिए है कि वे के अंदर हो और कहते हैं कि कोई भी सूची शैली जा रहे हैं।
और अगर हम वापस जाने के लिए और ताज़ा अब हम किसी भी गोली अंक की जरूरत नहीं है।
एक और बात मैं क्या करने जा रहा हूँ कि आप अच्छी तरह से शून्य होने का मार्जिन सेट सम्मान है और गद्दी शून्य हो सकता है और यह यहां ताज़ा होगी और न सिर्फ यहां अंतरिक्ष में अच्छी तरह से हम क्या है के पक्षों पर अंतरिक्ष से छुटकारा पाने के लिए है कि हम साथ काम करने की जरूरत है, लेकिन है कि झूठ नहीं उल ही है।
इसलिए हम वापस आ जाएगा।
अब हम सही फॉन्ट में जोड़ सकते हैं और इस फ़ॉन्ट का नाम Rubato है और यह गूगल फोंट का हिस्सा चलो।
इसलिए मुझे लगता है कि यहाँ से खुला है और मैं सिर्फ यह Rubato लिए एक खोज कर देंगे।
और अब हम चले।
संग्रह में जोड़े तो उपयोग करें।
और हम सामान्य तरीके से चाहते करने के लिए जा रहे हैं।
हम बोल्ड और भी माध्यम में जोड़ देंगे।
अब आगे बढ़ते हैं और हमारे एचएमओ के लिए इस लिंक को कॉपी करते हैं और हम इस विंडो को बंद कर सकते हैं।
जहां प्रत्येक टीम यहां से बाहर है और सिर्फ शीर्ष पेस्ट है कि में और बचाने के लिए तो हम आकलन देखने के लिए हमारे लिए जाना जाएगा करने के लिए वापस जाना है और हम शरीर के लिए कुछ शैलियों जोड़ देंगे।
तो हम सिर्फ रोबोट फ़ॉन्ट परिवार में जोड़ देंगे सब कुछ इस फ़ॉन्ट उपयोग करता है।
बस असे ही।
और अगर हम अब वापस जाने के लिए और ताज़ा हमारे एच-1 बहुत ज्यादा नहीं है।
एक तरफ इस बटन को जो हम सभी फोंट में छुआ तक नहीं है एक ही रंग रिक्ति सभी यह अच्छी बात है से।
और हमारे सहयोगियों वहाँ हो रही है।
वे सही फ़ॉन्ट है।
हम रिक्ति और गद्दी मुद्दों में से कुछ पर काम करने की जरूरत है।
अगली बात यह है कि हम निपटने हूँ झूठ पर पृष्ठभूमि रंग हैं।
तो हर दूसरे झूठ बोलते हैं।
यह इस ग्रे रंग की हम एक पृष्ठभूमि के रूप में है कि एक सफेद रंग शुद्ध सफेद से चला जाता है।
इसलिए हम हर दूसरे सहयोगी करने के लिए शैलियों को जोड़ने के लिए एसएस उपयोग कर सकते हैं।
तो चलो कि अब करते हैं।
पहली बात तो हम क्या करेंगे सभी सहयोगी दलों को चुनें और उन्हें सफेद रंग की एक पृष्ठभूमि दे तो हम क्या कर सकते है कि एफ एफ एफ या सफेद या आर-जीए 255 255 55 के साथ और फिर हम हर दूसरे झूठ क्या करेंगे।
और उसके लिए वाक्य रचना एक झूठ और बच्चे को समाप्त करने के लिए है।
और वह भी और अच्छी तरह से हर दूसरे के एक पैटर्न को परिभाषित किया।
और अगर हम तीन किया था और यह हर तीसरे कहेंगे, लेकिन हम सिर्फ हर दूसरे चाहते हैं।
और हम पृष्ठभूमि रंग एक ही F7 F7 F7 कि हम कंटेनर पृष्ठभूमि के लिए इस्तेमाल किया और ताज़ा कर दूँगा।
अब यह देखना है क्योंकि वे एक छोटे से छोटे हैं लेकिन हर दूसरे झूठ अब इस ग्रे रंग है मुश्किल है।
तो कुछ अधिक में जोड़ सकते हैं और आप वे सही वैकल्पिक देख सकते हैं।
अब हम झूठ और भी गद्दी की ऊंचाई के मुद्दे को संबोधित करते हैं।
पहली बात करने के लिए उन्हें 40 पिक्सल तो सभी सहयोगी दलों ऊंचाई 40 x की ऊंचाई देने के लिए और हम वापस ताज़ा जाना जाएगा।
ठीक है तो वे अंतरिक्ष की सही मात्रा में ले।
अब अगर हम उन्हें तुलना फ़ॉन्ट कुछ मुद्दों है।
और हम भी कुछ padding जोड़ने की जरूरत है।
इसके बाद तो यह है कि हमारे पाठ खड़ी केंद्रित है झूठ पर लाइन ऊंचाई संपत्ति बदलने जा रहे हैं।
अभी लाइन मूल रूप से इस लंबा है।
हम इसे ले पूरे 40 पिक्सल आप लाइन ऊंचाई 40 x दिखाने बनाने जा रहे हैं और कहा कि यह सिर्फ लाइन के आकार में परिवर्तन फ़ॉन्ट का आकार परिवर्तन नहीं होगा।
अब यह 40 पिक्सल है।
तो लाइन इस पूरे क्षेत्र लेता है।
अगले मामूली बात रंग हम काले शुद्ध है और रंग मैं इस्तेमाल बिल्कुल काला नहीं है।
यह थोड़ा हल्का है।
इसलिए हम रंग निर्धारित करेंगे और यह छह छह छह ताज़ा है और फिर हम अगले इनपुट को संबोधित करते जाओ।
इसलिए हम कुछ चीजों को आप क्या करने की जरूरत है।
जिनमें से पहले सुनिश्चित करें कि यह अंतरिक्ष की सही मात्रा में ले लेता है कि बनाने के लिए है।
तो इस इनपुट बहुत बड़ा है और यह सिर्फ गद्दी या मार्जिन नहीं है फ़ॉन्ट आकार बड़ा है।
हम एक नए पृष्ठभूमि रंग के रूप में अच्छी तरह से की है।
और वहाँ एक सीमा है जब हम क्लिक करते हैं।
तो चलो उन सभी पर काम करते हैं और हम सिर्फ एक बड़ा फ़ॉन्ट आकार में जोड़कर शुरू करेंगे।
इसलिए हम इनपुट फ़ॉन्ट आकार का चयन करेंगे और हम फ़ॉन्ट आकार 18 पिक्सल होना तय करेंगे।
और हम यहाँ हैं, जबकि हम पृष्ठभूमि रंग के रूप में अच्छी तरह से पृष्ठभूमि रंग करूँगा और यह एक ही च 7 7 1/2 7 है।
बस असे ही।
और चलो ताज़ा करते हैं।
ठीक।
हम करीब हो रही है।
अगली बात यह है कि हम क्या करेंगे चौड़ाई और चौड़ाई है कि हम इसे 100 प्रतिशत है देने के लिए जा रहे हैं जोड़ने के लिए है।
इसलिए अभी यह केवल कंटेनर भर में जिस तरह का हिस्सा रहा है।
अगर हम ताज़ा यह अब भर में सभी तरह से चला जाता है।
लेकिन हम कुछ छोटे मुद्दों है।
पहली बात यह है कि हम की देखभाल करना चाहते हैं वहाँ में कुछ गद्दी है।
इसलिए हम गद्दी सही पर पक्ष पर शीर्ष 13 पिक्सल पर 13 पिक्सल जोड़ने के लिए जा रहे हैं।
तल पर 13 पिक्सल और बाईं तरफ 20 पिक्सल।
तो आप इस पर देख सकते हैं।
हम ऊपर है और नीचे 13 हैं।
और बाईं तरफ वहाँ वहाँ 20 पिक्सल है।
तो अगर मैं ताजा थे अब हम एक बड़ा इनपुट है कि अंतरिक्ष की सही राशि लेता है।
हम एक समस्या है जो है कि इनपुट अब बहुत लंबा है की क्या ज़रूरत है।
जब हमने कहा कि के साथ 100 प्रतिशत वास्तव में सिर्फ सामग्री था कि साथ और यह गद्दी शामिल नहीं किया था और यह मार्जिन जिसका अर्थ है कि हमारे इनपुट लंबे div के अंत अतीत और बजाय खिलवाड़ करने के लिए चला जाता है को शामिल नहीं किया होना चाहिए padding के साथ।
मैं जो एक संपत्ति बॉक्स नौकरशाही का आकार घटाने कहा जाता है इसे बदलने का एक और रास्ता दिखाने के लिए मतलब है।
तो ब्लॉक के साथ नौकरशाही का आकार घटाने आप कुछ अलग विकल्प है, लेकिन यह मूल रूप से नियंत्रण कैसे बॉक्स बॉक्स मॉडल के आकार है।
और हम Dasch बॉक्स सीमा इसे बदलने के लिए जा रहे हैं।
और यह क्या करता है मैं सिर्फ पढ़ा हूँ यह कहते चौड़ाई और ऊंचाई गुण गद्दी और सीमा नहीं है लेकिन मार्जिन शामिल हैं।
तो अगर हम जो मैं करूँगा सीमा बॉक्स के लिए इसे बदल अब हम यहाँ में जाने के क्रम में सिर्फ बॉक्स नौकरशाही का आकार घटाने बॉक्स जोड़ने और इसे बचाने के लिए इससे पहले कि मैं आगे बढ़ना।
मैं कहना होगा कि यह उन गुणों है कि हम उपसर्गों के लिए करना चाहते हैं में से एक है।
तो वेब किट और डिस्काउंट Moz और माइक्रोसॉफ्ट से गड़बड़ कर रहे हैं।
मैं ऐसा करने के लिए अब नहीं जा रहा हूँ।
यह समाधान कोड में किया जाएगा।
लेकिन यह सिर्फ अप टाइप करने के लिए एक लंबा समय लगता है।
तो यह काम करेगा यह सिर्फ कैसे क्रोम कम से कम मैं यह अब ताज़ा है।
हमारे बॉक्स सीमा में गद्दी भी शामिल है, लेकिन यह मार्जिन शामिल नहीं है।
इसलिए हम एक सही फिट के साथ खत्म होता है।
अगले मैं जब मैं वहाँ में टाइप फ़ॉन्ट एक रंग देने के लिए जा रहा हूँ।
तो हम सब करने की ज़रूरत है।
मैं सिर्फ एच -1 से एक ही रंग ले और हमारे निवेश करने के लिए नीचे जाने के लिए और बस का कहना है कि यह रंग रंग करने के लिए जा रहा हूँ।
और अगर हम अब ताज़ा और हम वहाँ टाइपिंग हम चले शुरू करते हैं।
अब के प्रभाव पर ध्यान केंद्रित करते हैं।
जब हम क्लिक करें जो कहा जाता है इनपुट में ध्यान केंद्रित कर आप यहाँ देख सकते हैं कि हम इसे चारों ओर एक सीमा से मिलता है।
तो हम उस पर काम करने की जरूरत है।
अभी हम डिफ़ॉल्ट फोकस प्रभाव है।
तो वहाँ है कि इनपुट पेट के सिर्फ मंडराना छद्म चयनकर्ता की तरह ध्यान केंद्रित करने के लिए एक चयनकर्ता है।
इन कोशिकाओं को ही चलाते हैं जब हम एक इनपुट पर ध्यान केंद्रित किया जाएगा।
तो मैं पृष्ठभूमि सफेद बनाने के लिए जब हम उस पर ध्यान केंद्रित करने जा रहा हूँ।
मैं भी यह तीन पिक्सल ठोस नीले रंग की एक सीमा है कि हम साथ काम कर रहा है देने के लिए जा रहा हूँ और हम यह नहीं एक रूपरेखा की एक रूपरेखा दे देंगे इस कष्टप्रद विशेषता यह है कि हम ब्राउज़र से ही प्राप्त करने के लिए संदर्भित करता है।
अब अगर हम निवेश पर ध्यान केंद्रित हम इस नए नीले रंग की सीमा मिलता है और इसलिए यह ग्रे अब यह सफेद है हम भी पृष्ठभूमि रंग बदल जाते हैं।
तो यह है कि हम सभी को इनपुट के लिए क्या करने की जरूरत है, हालांकि हम चलते हैं और प्लेसहोल्डर पाठ में हम जोड़ने चाहिए।
तो मैं सूचकांक एचटीएल में जाना होगा और इनपुट में निवेश करने के लिए अगले या प्लेसहोल्डर विशेषता जोड़ देगा।
और यह जो आप चाहते हो सकता है।
मैं सिर्फ यह मैच कर दूँगा।
तो यह करना है और ताज़ा करने के लिए नया जोड़ सकते हैं।
हम वहाँ चलें।