1
00:00:00,270 --> 00:00:01,530
वापसी पर स्वागत है।

2
00:00:01,530 --> 00:00:08,580
अब जब हम अपनी सूची करने के लिए किया एप्लिकेशन के बुनियादी कार्यक्षमता है यह हमें यह इस तरह लग रहे बनाने पर ध्यान केंद्रित करने के लिए समय है।

3
00:00:08,880 --> 00:00:11,430
तो हम निश्चित रूप से जाने के लिए काफी तरीके हैं।

4
00:00:11,550 --> 00:00:14,220
और हम सिर्फ एक समय में यह एक टुकड़ा हमला करने के लिए जा रहे हैं।

5
00:00:14,280 --> 00:00:17,080
मैं कोशिश करते हैं और सबसे तार्किक संभव क्रम में यह करूँगा।

6
00:00:17,220 --> 00:00:28,740
हम पृष्ठभूमि रंग और फोंट यकीन है कि हम सही मार्जिन और इस बड़े कंटेनर यहाँ पर padding है और फिर हम और अधिक अति सूक्ष्म अंतर चीजों में से कुछ पर ध्यान केंद्रित करेंगे बनाने जैसे बड़े टुकड़े में से कुछ के साथ शुरू करेंगे।

7
00:00:28,760 --> 00:00:30,460
ठीक है यहाँ शुरू हो जाओ।

8
00:00:30,480 --> 00:00:33,200
पहली बात हम मैं एक पूर्ण स्क्रीन करूँगा करूँगा।

9
00:00:33,720 --> 00:00:35,670
चलो बस यह नीचे धक्का द्वारा शुरू करते हैं।

10
00:00:35,670 --> 00:00:37,120
यह हमारे कंटेनर div है।

11
00:00:37,440 --> 00:00:41,630
इतना है कि हम यहाँ और अधिक जगह है हम शीर्ष करने के लिए एक मार्जिन जोड़ देंगे।

12
00:00:41,910 --> 00:00:47,180
इसलिए हम वापस हमारे सी एस एस में जाना होगा और अब के लिए नीचे बंद करने या जावास्क्रिप्ट कर सकते हैं।

13
00:00:47,670 --> 00:00:52,520
हमारे div कंटेनर की एक विचार है और फिर हम जाने के लिए और है कि चयन यहाँ जो आप पहले से ही किया है जाएगा।

14
00:00:52,860 --> 00:00:59,550
और नहीं बल्कि शून्य ओटो खैर के अंतर से यह ऊपर और नीचे पर एक सौ पिक्सल दे।

15
00:00:59,820 --> 00:01:05,690
और हम एक्स की जरूरत है अगर हम शून्य हम एक्स की जरूरत नहीं है, लेकिन हम करते हैं, तो हम एक संख्या है याद है।

16
00:01:05,880 --> 00:01:07,230
चलो अब एक नज़र रखना।

17
00:01:07,650 --> 00:01:10,100
ठीक है तो अब वे एक ही जगह पर शुरू कर रहे हैं।

18
00:01:10,200 --> 00:01:12,400
वे वहाँ एक ही मार्जिन है।

19
00:01:12,420 --> 00:01:18,090
अगली बात यह है कि हम क्या करेंगे इस कंटेनर में यह एक है जो करने के लिए एक पृष्ठभूमि रंग जोड़ने के लिए है।

20
00:01:18,090 --> 00:01:22,830
यह देखने के लिए मुश्किल एक छोटा सा है, लेकिन जब मैं कुछ नष्ट इसे वापस में के माध्यम से पता चलता है।

21
00:01:22,950 --> 00:01:24,570
यह ठीक है यहाँ इस रंग है।

22
00:01:24,630 --> 00:01:25,700
तो यह है कि फिर से।

23
00:01:26,080 --> 00:01:28,190
इसलिए हम आगे जाना है और उस जोड़ देंगे।

24
00:01:28,830 --> 00:01:34,680
तो कंटेनर के बजाय अच्छी तरह से पृष्ठभूमि और रंग कहते हैं।

25
00:01:34,680 --> 00:01:39,680
मैं बस इसे बाहर पढ़ा हूँ एफ 7 7 7 के बाद है।

26
00:01:39,960 --> 00:01:41,210
बस असे ही।

27
00:01:41,850 --> 00:01:43,570
और हम हैं कि कैसे लग रहा है की जाँच करते हैं।

28
00:01:44,000 --> 00:01:44,400
ठीक।

29
00:01:44,490 --> 00:01:50,430
तो हम एक ही ग्रे रंग यहीं है कि हम लोगों की है।

30
00:01:50,430 --> 00:01:52,790
यह एक ही हल्के भूरे रंग है।

31
00:01:52,830 --> 00:01:54,990
अगली बात यह है कि हम क्या करेंगे सीमा पर काम है।

32
00:01:55,230 --> 00:01:57,460
और यह वास्तव में एक सीमा के पास नहीं है।

33
00:01:57,540 --> 00:02:00,840
क्या यह है एक बहुत ही मामूली बॉक्स छाया है।

34
00:02:00,840 --> 00:02:02,870
इसलिए हम बॉक्स छाया अभी तक नहीं देखा है।

35
00:02:02,940 --> 00:02:09,820
मैं यहाँ कि प्रदर्शन और मीट्रिक टन एनडब्ल्यू में जाना है और यह सिर्फ एक छाया प्रभाव जोड़ने का एक तरीका है जाएगा।

36
00:02:09,870 --> 00:02:19,750
तो अगर मैं नीचे स्क्रॉल आप यहाँ देख सकते हैं कुछ अलग बॉक्स छाया रहे हैं और हम एक बहुत ही हल्के से एक के लिए जा रहे हैं, लेकिन अगर आप इस के आसपास नोटिस वहाँ एक बहुत मामूली छाया है।

37
00:02:20,220 --> 00:02:39,020
तो वाक्य रचना और छाया कि हम का उपयोग करने के लिए हमारी सीमा से छुटकारा मिल जाएगा जा रहे पानी का छींटा बॉक्स छाया 0 0 3 पिक्सल और फिर एक रंग है और हमारे रंग यह सिर्फ मूल रूप से काले होने जा रहा है लेकिन यह R.G है ..

38
00:02:39,180 --> 00:02:43,260
और फिर हम यह वास्तव में बहुत पारदर्शी बनाने के लिए जा रहे हैं।

39
00:02:43,560 --> 00:02:45,380
इसलिए अभी मुश्किल से ध्यान देने योग्य।

40
00:02:45,400 --> 00:02:46,890
और अगर मैं ताज़ा करें।

41
00:02:46,890 --> 00:02:52,090
अब हम कोई सीमा नहीं है, लेकिन वहाँ इस तत्व के चारों ओर एक मामूली छाया है।

42
00:02:52,710 --> 00:02:53,170
ठीक।

43
00:02:53,250 --> 00:02:55,460
यह सब हम अब के लिए कंटेनर के लिए क्या करना होगा है।

44
00:02:55,770 --> 00:02:57,480
एच -1 पर हमला करते हैं।

45
00:02:57,480 --> 00:02:59,490
तो यह कि यहां ऊपर बढ़ रहा है।

46
00:02:59,580 --> 00:03:04,320
तो यह है कि सिर्फ एक H1 माना हमारे उसे एल उम्र में है।

47
00:03:04,320 --> 00:03:06,710
यह एक आईडी या कुछ भी नहीं है और वह ठीक है।

48
00:03:06,960 --> 00:03:12,120
के CSSA फाइल करने के लिए जाने के लिए और एक पृष्ठभूमि रंग में जोड़कर शुरू करते हैं।

49
00:03:12,390 --> 00:03:30,010
इसलिए हम हर एक का चयन करेंगे और पृष्ठभूमि एक रंग है कि 2 9 8 9 0 हो सकता है और वे बचाने के लिए और ताज़ा और अब हम नीले रंग का सही छाया होगा।

50
00:03:31,210 --> 00:03:38,890
इसलिए हम भी सफेद करने के लिए फ़ॉन्ट रंग बदल देंगे और जल्दी से आप उस दिखा।

51
00:03:38,970 --> 00:03:39,450
ठीक है।

52
00:03:39,510 --> 00:03:42,890
धीरे धीरे करीब यहाँ inching।

53
00:03:43,050 --> 00:03:51,160
अगली बात यह है कि हम क्या करेंगे यह कोई मार्जिन देने के लिए और अब हम सिर्फ इस अंतरिक्ष कि हम यहाँ था से छुटकारा मिल जाएगा।

54
00:03:51,420 --> 00:03:53,220
आप यहाँ देख सकते हैं वहाँ कोई मार्जिन है।

55
00:03:53,220 --> 00:03:54,440
यह हमारे एच-1 है।

56
00:03:54,510 --> 00:03:55,970
वहाँ गद्दी यहाँ है।

57
00:03:56,340 --> 00:03:59,550
तो पाठ किनारे के खिलाफ सही ऊपर नहीं जाती है, जैसे कि यह यहाँ है।

58
00:03:59,700 --> 00:04:03,330
लेकिन वहाँ नीले बॉक्स के बाहर पर कोई मार्जिन है।

59
00:04:03,360 --> 00:04:10,130
यह हमारे पाठ इनपुट और भी बढ़ गया है कि गद्दी है, लेकिन वहाँ के आसपास है कि कोई मार्जिन भी है।

60
00:04:10,200 --> 00:04:13,360
इसलिए हम अपनी सूची के आसपास कुछ padding जोड़कर शुरू करेंगे।

61
00:04:13,370 --> 00:04:24,240
एच -1 तो यहाँ हम ऊपर और नीचे और बाईं करने के लिए 20 पिक्सल और सही करने के लिए 10 पिक्सल जोड़ने के लिए और बचाने के लिए जा रहे हैं।

62
00:04:25,260 --> 00:04:27,150
आप हम करीब हो रही है देख सकते हैं।

63
00:04:27,480 --> 00:04:29,000
हम फ़ॉन्ट आकार बदलने की जरूरत है।

64
00:04:29,070 --> 00:04:30,350
फ़ॉन्ट बदलने की जरूरत है।

65
00:04:30,420 --> 00:04:34,900
हम यह भी है कि सभी अपरकेस जाएगा और हम ऐसा कर सकते हैं अब तक।

66
00:04:34,980 --> 00:04:40,010
आपको पता होना चाहिए मेरे पसंदीदा में से एक पाठ अपरकेस बदलना है।

67
00:04:40,320 --> 00:04:42,480
मैं तो बस लगता है कि यह बहुत अच्छा है।

68
00:04:42,480 --> 00:04:56,840
हम वहाँ जाते हैं हम सभी बड़े फ़ॉन्ट आकार 24 पिक्सल इसलिए फ़ॉन्ट आकार 24 x हो सकता है और आखिरी बात हम क्या करेंगे ठीक बचाने की जरूरत है पाने के लिए यकीन है कि यह एक सामान्य फ़ॉन्ट वजन बनाना है।

69
00:04:57,020 --> 00:05:00,970
तो डिफ़ॉल्ट रूप से एक एच 1 वास्तव में बोल्ड है और हम चाहते हैं कि नहीं करना चाहती।

70
00:05:01,290 --> 00:05:09,310
इसलिए हम Funt तरह से सामान्य कर देंगे या हम भी फ़ॉन्ट वजन 400 लिख सकता है।

71
00:05:09,320 --> 00:05:10,290
हम वहाँ चलें।

72
00:05:10,350 --> 00:05:17,510
अब यह फ़ॉन्ट जो अगले बात आप से निपटने के लिए इन गोली अंक से छुटकारा मिल रहा है चाहता हूँ के लिए वापस आ जाएगा बदलने की सिर्फ एक मामला है।

73
00:05:17,510 --> 00:05:20,240
अगर हम किसी भी गोली अंक यहाँ नहीं है आप देख सकते हैं।

74
00:05:20,250 --> 00:05:23,430
उन गोली अंक डिफ़ॉल्ट ब्राउज़र शैली माना जाता है।

75
00:05:23,510 --> 00:05:25,360
तो हम उस पर वरीयता दी जाएगी।

76
00:05:25,400 --> 00:05:32,270
हम उल चयन करने के लिए है कि वे के अंदर हो और कहते हैं कि कोई भी सूची शैली जा रहे हैं।

77
00:05:32,370 --> 00:05:37,790
और अगर हम वापस जाने के लिए और ताज़ा अब हम किसी भी गोली अंक की जरूरत नहीं है।

78
00:05:37,800 --> 00:05:56,240
एक और बात मैं क्या करने जा रहा हूँ कि आप अच्छी तरह से शून्य होने का मार्जिन सेट सम्मान है और गद्दी शून्य हो सकता है और यह यहां ताज़ा होगी और न सिर्फ यहां अंतरिक्ष में अच्छी तरह से हम क्या है के पक्षों पर अंतरिक्ष से छुटकारा पाने के लिए है कि हम साथ काम करने की जरूरत है, लेकिन है कि झूठ नहीं उल ही है।

79
00:05:56,250 --> 00:05:58,440
इसलिए हम वापस आ जाएगा।

80
00:05:58,440 --> 00:06:04,760
अब हम सही फॉन्ट में जोड़ सकते हैं और इस फ़ॉन्ट का नाम Rubato है और यह गूगल फोंट का हिस्सा चलो।

81
00:06:04,880 --> 00:06:09,400
इसलिए मुझे लगता है कि यहाँ से खुला है और मैं सिर्फ यह Rubato लिए एक खोज कर देंगे।

82
00:06:09,620 --> 00:06:10,720
और अब हम चले।

83
00:06:10,770 --> 00:06:14,230
संग्रह में जोड़े तो उपयोग करें।

84
00:06:14,510 --> 00:06:16,490
और हम सामान्य तरीके से चाहते करने के लिए जा रहे हैं।

85
00:06:16,800 --> 00:06:20,660
हम बोल्ड और भी माध्यम में जोड़ देंगे।

86
00:06:20,660 --> 00:06:25,620
अब आगे बढ़ते हैं और हमारे एचएमओ के लिए इस लिंक को कॉपी करते हैं और हम इस विंडो को बंद कर सकते हैं।

87
00:06:25,980 --> 00:06:37,520
जहां प्रत्येक टीम यहां से बाहर है और सिर्फ शीर्ष पेस्ट है कि में और बचाने के लिए तो हम आकलन देखने के लिए हमारे लिए जाना जाएगा करने के लिए वापस जाना है और हम शरीर के लिए कुछ शैलियों जोड़ देंगे।

88
00:06:37,740 --> 00:06:44,780
तो हम सिर्फ रोबोट फ़ॉन्ट परिवार में जोड़ देंगे सब कुछ इस फ़ॉन्ट उपयोग करता है।

89
00:06:45,530 --> 00:06:46,680
बस असे ही।

90
00:06:47,390 --> 00:06:53,650
और अगर हम अब वापस जाने के लिए और ताज़ा हमारे एच-1 बहुत ज्यादा नहीं है।

91
00:06:53,660 --> 00:06:59,960
एक तरफ इस बटन को जो हम सभी फोंट में छुआ तक नहीं है एक ही रंग रिक्ति सभी यह अच्छी बात है से।

92
00:06:59,970 --> 00:07:01,970
और हमारे सहयोगियों वहाँ हो रही है।

93
00:07:01,980 --> 00:07:03,060
वे सही फ़ॉन्ट है।

94
00:07:03,140 --> 00:07:06,680
हम रिक्ति और गद्दी मुद्दों में से कुछ पर काम करने की जरूरत है।

95
00:07:06,690 --> 00:07:10,660
अगली बात यह है कि हम निपटने हूँ झूठ पर पृष्ठभूमि रंग हैं।

96
00:07:11,250 --> 00:07:12,750
तो हर दूसरे झूठ बोलते हैं।

97
00:07:12,930 --> 00:07:19,280
यह इस ग्रे रंग की हम एक पृष्ठभूमि के रूप में है कि एक सफेद रंग शुद्ध सफेद से चला जाता है।

98
00:07:19,470 --> 00:07:24,340
इसलिए हम हर दूसरे सहयोगी करने के लिए शैलियों को जोड़ने के लिए एसएस उपयोग कर सकते हैं।

99
00:07:24,380 --> 00:07:25,450
तो चलो कि अब करते हैं।

100
00:07:25,500 --> 00:07:43,520
पहली बात तो हम क्या करेंगे सभी सहयोगी दलों को चुनें और उन्हें सफेद रंग की एक पृष्ठभूमि दे तो हम क्या कर सकते है कि एफ एफ एफ या सफेद या आर-जीए 255 255 55 के साथ और फिर हम हर दूसरे झूठ क्या करेंगे।

101
00:07:43,740 --> 00:07:50,080
और उसके लिए वाक्य रचना एक झूठ और बच्चे को समाप्त करने के लिए है।

102
00:07:50,360 --> 00:07:53,970
और वह भी और अच्छी तरह से हर दूसरे के एक पैटर्न को परिभाषित किया।

103
00:07:54,140 --> 00:07:58,670
और अगर हम तीन किया था और यह हर तीसरे कहेंगे, लेकिन हम सिर्फ हर दूसरे चाहते हैं।

104
00:07:59,000 --> 00:08:08,880
और हम पृष्ठभूमि रंग एक ही F7 F7 F7 कि हम कंटेनर पृष्ठभूमि के लिए इस्तेमाल किया और ताज़ा कर दूँगा।

105
00:08:08,880 --> 00:08:16,500
अब यह देखना है क्योंकि वे एक छोटे से छोटे हैं लेकिन हर दूसरे झूठ अब इस ग्रे रंग है मुश्किल है।

106
00:08:16,700 --> 00:08:21,030
तो कुछ अधिक में जोड़ सकते हैं और आप वे सही वैकल्पिक देख सकते हैं।

107
00:08:21,020 --> 00:08:25,370
अब हम झूठ और भी गद्दी की ऊंचाई के मुद्दे को संबोधित करते हैं।

108
00:08:25,760 --> 00:08:36,540
पहली बात करने के लिए उन्हें 40 पिक्सल तो सभी सहयोगी दलों ऊंचाई 40 x की ऊंचाई देने के लिए और हम वापस ताज़ा जाना जाएगा।

109
00:08:36,950 --> 00:08:39,000
ठीक है तो वे अंतरिक्ष की सही मात्रा में ले।

110
00:08:39,000 --> 00:08:42,620
अब अगर हम उन्हें तुलना फ़ॉन्ट कुछ मुद्दों है।

111
00:08:42,620 --> 00:08:44,600
और हम भी कुछ padding जोड़ने की जरूरत है।

112
00:08:44,970 --> 00:08:51,570
इसके बाद तो यह है कि हमारे पाठ खड़ी केंद्रित है झूठ पर लाइन ऊंचाई संपत्ति बदलने जा रहे हैं।

113
00:08:51,570 --> 00:08:55,050
अभी लाइन मूल रूप से इस लंबा है।

114
00:08:55,080 --> 00:09:09,510
हम इसे ले पूरे 40 पिक्सल आप लाइन ऊंचाई 40 x दिखाने बनाने जा रहे हैं और कहा कि यह सिर्फ लाइन के आकार में परिवर्तन फ़ॉन्ट का आकार परिवर्तन नहीं होगा।

115
00:09:09,540 --> 00:09:10,880
अब यह 40 पिक्सल है।

116
00:09:10,880 --> 00:09:13,850
तो लाइन इस पूरे क्षेत्र लेता है।

117
00:09:14,150 --> 00:09:21,020
अगले मामूली बात रंग हम काले शुद्ध है और रंग मैं इस्तेमाल बिल्कुल काला नहीं है।

118
00:09:21,060 --> 00:09:22,820
यह थोड़ा हल्का है।

119
00:09:23,070 --> 00:09:33,530
इसलिए हम रंग निर्धारित करेंगे और यह छह छह छह ताज़ा है और फिर हम अगले इनपुट को संबोधित करते जाओ।

120
00:09:33,540 --> 00:09:35,260
इसलिए हम कुछ चीजों को आप क्या करने की जरूरत है।

121
00:09:35,490 --> 00:09:39,660
जिनमें से पहले सुनिश्चित करें कि यह अंतरिक्ष की सही मात्रा में ले लेता है कि बनाने के लिए है।

122
00:09:39,770 --> 00:09:45,740
तो इस इनपुट बहुत बड़ा है और यह सिर्फ गद्दी या मार्जिन नहीं है फ़ॉन्ट आकार बड़ा है।

123
00:09:45,750 --> 00:09:47,420
हम एक नए पृष्ठभूमि रंग के रूप में अच्छी तरह से की है।

124
00:09:47,750 --> 00:09:49,700
और वहाँ एक सीमा है जब हम क्लिक करते हैं।

125
00:09:49,740 --> 00:09:54,610
तो चलो उन सभी पर काम करते हैं और हम सिर्फ एक बड़ा फ़ॉन्ट आकार में जोड़कर शुरू करेंगे।

126
00:09:54,840 --> 00:10:05,420
इसलिए हम इनपुट फ़ॉन्ट आकार का चयन करेंगे और हम फ़ॉन्ट आकार 18 पिक्सल होना तय करेंगे।

127
00:10:05,960 --> 00:10:14,570
और हम यहाँ हैं, जबकि हम पृष्ठभूमि रंग के रूप में अच्छी तरह से पृष्ठभूमि रंग करूँगा और यह एक ही च 7 7 1/2 7 है।

128
00:10:14,730 --> 00:10:16,350
बस असे ही।

129
00:10:16,760 --> 00:10:18,040
और चलो ताज़ा करते हैं।

130
00:10:18,770 --> 00:10:19,510
ठीक।

131
00:10:19,700 --> 00:10:21,180
हम करीब हो रही है।

132
00:10:21,170 --> 00:10:29,880
अगली बात यह है कि हम क्या करेंगे चौड़ाई और चौड़ाई है कि हम इसे 100 प्रतिशत है देने के लिए जा रहे हैं जोड़ने के लिए है।

133
00:10:29,880 --> 00:10:33,590
इसलिए अभी यह केवल कंटेनर भर में जिस तरह का हिस्सा रहा है।

134
00:10:33,600 --> 00:10:36,820
अगर हम ताज़ा यह अब भर में सभी तरह से चला जाता है।

135
00:10:37,050 --> 00:10:39,200
लेकिन हम कुछ छोटे मुद्दों है।

136
00:10:39,210 --> 00:10:42,970
पहली बात यह है कि हम की देखभाल करना चाहते हैं वहाँ में कुछ गद्दी है।

137
00:10:43,400 --> 00:10:50,320
इसलिए हम गद्दी सही पर पक्ष पर शीर्ष 13 पिक्सल पर 13 पिक्सल जोड़ने के लिए जा रहे हैं।

138
00:10:50,370 --> 00:10:54,960
तल पर 13 पिक्सल और बाईं तरफ 20 पिक्सल।

139
00:10:54,950 --> 00:10:56,250
तो आप इस पर देख सकते हैं।

140
00:10:56,550 --> 00:10:58,770
हम ऊपर है और नीचे 13 हैं।

141
00:10:59,000 --> 00:11:01,550
और बाईं तरफ वहाँ वहाँ 20 पिक्सल है।

142
00:11:01,590 --> 00:11:07,430
तो अगर मैं ताजा थे अब हम एक बड़ा इनपुट है कि अंतरिक्ष की सही राशि लेता है।

143
00:11:07,590 --> 00:11:11,670
हम एक समस्या है जो है कि इनपुट अब बहुत लंबा है की क्या ज़रूरत है।

144
00:11:11,790 --> 00:11:27,710
जब हमने कहा कि के साथ 100 प्रतिशत वास्तव में सिर्फ सामग्री था कि साथ और यह गद्दी शामिल नहीं किया था और यह मार्जिन जिसका अर्थ है कि हमारे इनपुट लंबे div के अंत अतीत और बजाय खिलवाड़ करने के लिए चला जाता है को शामिल नहीं किया होना चाहिए padding के साथ।

145
00:11:27,770 --> 00:11:33,820
मैं जो एक संपत्ति बॉक्स नौकरशाही का आकार घटाने कहा जाता है इसे बदलने का एक और रास्ता दिखाने के लिए मतलब है।

146
00:11:33,840 --> 00:11:41,400
तो ब्लॉक के साथ नौकरशाही का आकार घटाने आप कुछ अलग विकल्प है, लेकिन यह मूल रूप से नियंत्रण कैसे बॉक्स बॉक्स मॉडल के आकार है।

147
00:11:41,390 --> 00:11:44,100
और हम Dasch बॉक्स सीमा इसे बदलने के लिए जा रहे हैं।

148
00:11:44,270 --> 00:11:52,740
और यह क्या करता है मैं सिर्फ पढ़ा हूँ यह कहते चौड़ाई और ऊंचाई गुण गद्दी और सीमा नहीं है लेकिन मार्जिन शामिल हैं।

149
00:11:52,800 --> 00:12:05,170
तो अगर हम जो मैं करूँगा सीमा बॉक्स के लिए इसे बदल अब हम यहाँ में जाने के क्रम में सिर्फ बॉक्स नौकरशाही का आकार घटाने बॉक्स जोड़ने और इसे बचाने के लिए इससे पहले कि मैं आगे बढ़ना।

150
00:12:05,310 --> 00:12:10,250
मैं कहना होगा कि यह उन गुणों है कि हम उपसर्गों के लिए करना चाहते हैं में से एक है।

151
00:12:10,250 --> 00:12:15,170
तो वेब किट और डिस्काउंट Moz और माइक्रोसॉफ्ट से गड़बड़ कर रहे हैं।

152
00:12:15,540 --> 00:12:16,850
मैं ऐसा करने के लिए अब नहीं जा रहा हूँ।

153
00:12:16,910 --> 00:12:18,250
यह समाधान कोड में किया जाएगा।

154
00:12:18,410 --> 00:12:20,330
लेकिन यह सिर्फ अप टाइप करने के लिए एक लंबा समय लगता है।

155
00:12:20,660 --> 00:12:25,940
तो यह काम करेगा यह सिर्फ कैसे क्रोम कम से कम मैं यह अब ताज़ा है।

156
00:12:26,040 --> 00:12:32,180
हमारे बॉक्स सीमा में गद्दी भी शामिल है, लेकिन यह मार्जिन शामिल नहीं है।

157
00:12:32,180 --> 00:12:34,820
इसलिए हम एक सही फिट के साथ खत्म होता है।

158
00:12:34,880 --> 00:12:39,220
अगले मैं जब मैं वहाँ में टाइप फ़ॉन्ट एक रंग देने के लिए जा रहा हूँ।

159
00:12:39,620 --> 00:12:41,130
तो हम सब करने की ज़रूरत है।

160
00:12:41,330 --> 00:12:49,920
मैं सिर्फ एच -1 से एक ही रंग ले और हमारे निवेश करने के लिए नीचे जाने के लिए और बस का कहना है कि यह रंग रंग करने के लिए जा रहा हूँ।

161
00:12:49,910 --> 00:12:54,400
और अगर हम अब ताज़ा और हम वहाँ टाइपिंग हम चले शुरू करते हैं।

162
00:12:54,410 --> 00:12:56,290
अब के प्रभाव पर ध्यान केंद्रित करते हैं।

163
00:12:56,580 --> 00:13:03,860
जब हम क्लिक करें जो कहा जाता है इनपुट में ध्यान केंद्रित कर आप यहाँ देख सकते हैं कि हम इसे चारों ओर एक सीमा से मिलता है।

164
00:13:03,920 --> 00:13:05,060
तो हम उस पर काम करने की जरूरत है।

165
00:13:05,120 --> 00:13:08,050
अभी हम डिफ़ॉल्ट फोकस प्रभाव है।

166
00:13:08,120 --> 00:13:17,590
तो वहाँ है कि इनपुट पेट के सिर्फ मंडराना छद्म चयनकर्ता की तरह ध्यान केंद्रित करने के लिए एक चयनकर्ता है।

167
00:13:17,650 --> 00:13:21,510
इन कोशिकाओं को ही चलाते हैं जब हम एक इनपुट पर ध्यान केंद्रित किया जाएगा।

168
00:13:21,920 --> 00:13:27,310
तो मैं पृष्ठभूमि सफेद बनाने के लिए जब हम उस पर ध्यान केंद्रित करने जा रहा हूँ।

169
00:13:27,570 --> 00:13:47,180
मैं भी यह तीन पिक्सल ठोस नीले रंग की एक सीमा है कि हम साथ काम कर रहा है देने के लिए जा रहा हूँ और हम यह नहीं एक रूपरेखा की एक रूपरेखा दे देंगे इस कष्टप्रद विशेषता यह है कि हम ब्राउज़र से ही प्राप्त करने के लिए संदर्भित करता है।

170
00:13:47,180 --> 00:13:56,610
अब अगर हम निवेश पर ध्यान केंद्रित हम इस नए नीले रंग की सीमा मिलता है और इसलिए यह ग्रे अब यह सफेद है हम भी पृष्ठभूमि रंग बदल जाते हैं।

171
00:13:57,570 --> 00:14:02,850
तो यह है कि हम सभी को इनपुट के लिए क्या करने की जरूरत है, हालांकि हम चलते हैं और प्लेसहोल्डर पाठ में हम जोड़ने चाहिए।

172
00:14:03,030 --> 00:14:10,620
तो मैं सूचकांक एचटीएल में जाना होगा और इनपुट में निवेश करने के लिए अगले या प्लेसहोल्डर विशेषता जोड़ देगा।

173
00:14:10,910 --> 00:14:12,270
और यह जो आप चाहते हो सकता है।

174
00:14:12,470 --> 00:14:13,460
मैं सिर्फ यह मैच कर दूँगा।

175
00:14:13,490 --> 00:14:18,800
तो यह करना है और ताज़ा करने के लिए नया जोड़ सकते हैं।

176
00:14:18,840 --> 00:14:19,490
हम वहाँ चलें।