>> अध्यक्ष: तो यह वास्तव में सबसे अच्छा नहीं है HTML के साथ सीएसएस मिलाना करने के लिए डिजाइन.
दरअसल, यह बाहर कारक करने के लिए सबसे अच्छा है आपके सीएसएस, यह कहीं केंद्रीय रखा, और
किसी भी तरह के लिए इसे लागू अपने वेब पेज में टैग.
इस लक्ष्य को हासिल करने के लिए हम वास्तव में बंद कर सकते हैं बजाय शैली विशेषता का उपयोग और
में है जो एक शैली टैग, उपयोग बगल में एक वेब पेज के सिर, के लिए
उदाहरण के लिए, अपने शीर्षक.
>> चलो यह एक कोशिश दे और फिर से लागू जॉन हार्वर्ड के लिए एक होम पेज
शैली टैग का उपयोग कर.
मैं पहले से ही हमें शुरू मिल गया है यहां के लिए तीन divs के साथ
जॉन हार्वर्ड के मुखपृष्ठ.
लेकिन चलो पहले अब यह पहले तक जा div और एक नई विशेषता जोड़ने,
अर्थात् आईडी, और निर्दिष्ट एक अद्वितीय है कि इस विशेष div के लिए पहचानकर्ता
बोली गंदें शब्द बोलना, उदाहरण के लिए, हो जाएगा "ऊपर" एक मनमाना नाम, लेकिन
कि इस div है में वर्णनात्मक वास्तव में मेरे पृष्ठ के शीर्ष पर.
>> अगले div के लिए, चलो इसे एक दे बोली गंदें शब्द बोलना की अलग पहचान
"मध्यम" और के तीसरे div दे बोली गंदें शब्द बोलना के एक आईडी "नीचे." हम
अब तीन अद्वितीय पहचानकर्ता है जो करने के लिए हम कुछ सीएसएस लागू कर सकते हैं
गुण है, लेकिन पहले, चलो वापसी इस पेज के सिर पर.
बस यहाँ शीर्षक से ऊपर, मैं हूँ आगे बढ़ो और शैली को परिभाषित
और फिर करीब शैली.
>> इस के अंदर अब, मैं परिभाषित करने के लिए जा रहा हूँ कुछ सीएसएस गुण, अर्थात्
मैं पहले से शैली में किया था वही लोग गुण, लेकिन यहाँ वे हो जाएगा
केन्द्र में परिभाषित किया.
ऐसा करने के लिए, मैं पाउंड निर्दिष्ट करने के लिए जा रहा हूँ प्रतीक जिससे शीर्ष द्वारा पीछा
यह निर्दिष्ट किया है कि निम्नलिखित सीएसएस गुण जो कुछ भी करने के लिए आवेदन करना चाहिए
HTML तत्व अद्वितीय है शीर्ष के पहचानकर्ता.
मैं तो कुछ खुला है जा रहा हूँ बंद घुंघराले ब्रेसिज़, और मैं जा रहा हूँ
निर्दिष्ट है, कहते हैं, फ़ॉन्ट आकार 36 हो जाएगा पिक्सल, फ़ॉन्ट वजन बोल्ड किया जाएगा.
>> चीजों को साफ रखने के लिए, मैं हर डाल रहा हूँ अब अपने दम पर इन गुणों की
रेखा, लेकिन वह सिर्फ एक है शैलीगत सम्मेलन.
इसके नीचे, चलो अब एक और परिभाषित करते हैं चयनकर्ता, तो बात करो.
है कि एचटीएमएल टैग के लिए यह एक बीच के अनन्य पहचानकर्ता.
और यहाँ है, चलो एक फ़ॉन्ट आकार निर्दिष्ट करते हैं 24 पिक्सल की, कि एक और नीचे
अंदर नीचे, और के लिए चयनकर्ता इस बात का, चलो निर्दिष्ट करते हैं एक
12 पिक्सल का फ़ॉन्ट आकार.
>> चलो अब, बचाने अनुमतियाँ बदल दो. पर, और एक ब्राउज़र में इस पृष्ठ लोड,
एक प्लस आर सीएसएस 1.html हमें.
क्रोम को खोलने और यात्रा करते हैं http://localhost/css-1.html.
बुरा नहीं है.
मैं इरादा है, लेकिन मैं चाहता हूँ बिल्कुल के रूप में अब एक कदम और आगे ले बातें और
केंद्र जॉन हार्वर्ड के पाठ.
अब ऐसा करने के लिए, मैं लपेट सकते हैं एक div में पूरे पेज के रूप में मैं
पहले के एक उदाहरण था.
या मैं और अधिक चालाक हो और महसूस कर सकते हैं कि इन divs के सभी के अंदर कर रहे हैं
मेरे पृष्ठ के शरीर है, तो क्यों अभी लागू नहीं शरीर के लिए एक या एक से अधिक सीएसएस गुण
खुद को टैग करें?
>> ऐसा करने के लिए, चलो यह करते हैं.
चलो यहाँ वापस फंट के चलते हैं.
शैली टैग अप करने के लिए वापस स्क्रॉल, और चलो एक चयनकर्ता निर्दिष्ट बस
कि टैग के नाम, शरीर का उपयोग कर.
नीचे है कि, चलो हमारे घुंघराले ब्रेसिज़ डाल दिया पाठ के अनुरूप केंद्र द्वारा पीछा किया.
चलो अब पेज बचाने के लिए और फिर से लोड करते हैं यह है कि ब्राउज़र के अंदर.
क्रोम में फिर से लोड करें, और देखा.
हम अब जॉन हार्वर्ड पृष्ठ है हम उद्देश्य के रूप में केन्द्रित.