>> अध्यक्ष: यह एचटीएमएल नहीं पता चला है कि आप के अंदर उपयोग कर सकते हैं केवल भाषा
एक वेब पेज का.
आप सीएसएस बुलाया कुछ का उपयोग कर सकते हैं या व्यापक स्टाइल शीट्स, के रूप में अच्छी तरह से.
सीएसएस आप बहुत अधिक निर्दिष्ट करने के लिए अनुमति देता है एक वेब के ठीक सौंदर्यशास्त्र
लेआउट और आकार सहित पेज, और रंग और फोंट और बहुत कुछ.
उदाहरण के लिए, एक वेब पेज बना सकते हैं एक का प्रतिनिधित्व करता है कि यहां बुलाया CSS0
जॉन हार्वर्ड, कहते हैं, के लिए घर पृष्ठ.
>> इस पृष्ठ पर, हम होगा जॉन हार्वर्ड नाम है, जो होगा नीचे
अपने दर्शकों के लिए एक अच्छा संदेश, नीचे जो साथ, एक पाद होगा
, कुछ Copyright जानकारी कहना.
ऐसा करने के लिए, के तीन डिवीजनों को परिभाषित करते हैं एक टैग का उपयोग कर पेज के लिए
div बुलाया.
ओपन ब्रैकेट div, जॉन हार्वर्ड, करीब ब्रैकेट div, एक और खुला ब्रैकेट div,
और अब हम कुछ निर्दिष्ट करेंगे जैसे, मेरे घर पृष्ठ पर आपका स्वागत है!
और साथ ही, इस div बंद करते हैं.
>> और अब एक तीसरा और अंतिम div, कॉपीराइट.
बस कल्पना की, मुझे अब एक HTML का उपयोग करते हैं संस्था का प्रतिनिधित्व करने वाली एक प्रतीक
एक चरित्र है कि आप अन्यथा नहीं कर सकता अपने कीबोर्ड पर टाइप करें.
विशेष रूप से, मैं क्या करने जा रहा हूँ एम्परसेंड, पौंड, 169, अर्धविराम.
कि सांख्यिक कोड निकलता है कॉपीराइट प्रतीक के लिए.
तो चलो जॉन हार्वर्ड निर्दिष्ट करते हैं यहाँ तल पर.
की div बंद करें और फाइल को बचाने करते हैं.
>> अब, इस div टैग क्या है?
div टैग बस एक विभाजन को परिभाषित करता है अनिवार्य रूप से है जो पेज का एक
आयताकार क्षेत्र.
इतने समय में इस पल में, मैं तीन है आयताकार क्षेत्रों, शीर्ष पर एक
अन्य की.
तो अब के लिए, प्रभाव लगभग रूप में है मैं तीन पैराग्राफ पड़ा है.
लेकिन हम काफी ज्यादा के रूप में नहीं देखेंगे उन दोनों के बीच में सफेद स्थान.
>> बदलने के लिए, चलो इस फाइल को बचाने चलो अपने अनुमतियाँ, और एक के लिए एक नज़र रखना
क्रोम में पल.
Chmod एक + CSS0.html आर.
क्रोम और यात्रा खोलो अब चलो http://localhost.CSS0.html.
दरअसल, यहां एक घर पृष्ठ है जॉन हार्वर्ड के लिए.
चलो अब एक छोटे से अधिक यह stylize दो. ठीक कुछ सीएसएस का उपयोग कर.
>> वापस जीएडिट में, इस में जाने पहली div टैग और एक शैली जोड़ना
मैं चाहूँगा कि निर्दिष्ट करने का श्रेय एक फ़ॉन्ट कहते हैं, के आकार, 36 पिक्सल, या px.
और मैं इस फ़ॉन्ट के वजन चाहते हैं बल्कि डिफ़ॉल्ट से बोल्ड हो,
जो सामान्य है.
दूसरी div के लिए, के निर्दिष्ट करते हैं एक है जो किसी अन्य शैली विशेषता
फ़ॉन्ट 24 पिक्सल के आकार, तो थोड़ा छोटा.
अर्धविराम के बाद बंद उद्धरण.
>> अन्त में, इस तीसरे div में, चलो शैली बोली, फ़ॉन्ट आकार के बराबर होती है, और
12 पिक्सल इस बार हम कहते हैं.
अर्धविराम के बाद बंद भाव.
मैं है लगता है कि फिर नोटिस के लिए stylization की निर्दिष्ट एक बिट
का उपयोग करते हुए इन तीन divs के प्रत्येक, यह, सीएसएस पता चला है.
वास्तव में, आप में देखते हैं कि वाक्यविन्यास उन दो उद्धरण के बीच सीएसएस, है
विशेष रूप से गुण CSS मूल्यों के साथ.
और मैं था कि जहां पहले टैग के लिए दो ऐसे गुण, फ़ॉन्ट आकार और
फ़ॉन्ट वजन, मैं बस से अलग किया एक अर्धविराम पर उन्हें.
>> अब, बस शैली के लिए, मैं भी शामिल अर्धविराम पर
प्रत्येक पंक्ति के अंत.
लेकिन वे सख्ती से आवश्यक नहीं कर रहे हैं, आप केवल एक ही है, खासकर जब
संपत्ति को परिभाषित किया.
चलो अब फाइल को बचाने और फिर से लोड करते हैं क्रोम में, और क्या देखना
शुद्ध प्रभाव है.
वापस क्रोम में यहाँ, का रीलोड क्लिक करते हैं.
>> अब हम एक से थोड़ा अधिक दिलचस्प है जॉन के लिए होम पेज
हार्वर्ड, साथ जिससे पहली पंक्ति उस के अंदर है जो उसके नाम,
पहली div, भी 36 पिक्सल लंबा है और गहरा, जिससे दूसरी पंक्ति,
कि दूसरी div में है, जो 24 है लंबा, लेकिन नहीं गहरा पिक्सेल.
और जिससे कि तीसरे में तीसरी लाइन div भी 12 पिक्सल लंबा है और
गहरा नहीं.
लेकिन अब लगता है कि मैं बदलाव करना चाहते हैं पर इस पाठ के सभी
यह केंद्रित है कि इस तरह के.
>> मैं व्यक्ति के प्रत्येक संरेखित सकता है केन्द्रित किया जा रहा है के रूप में divs.
लेकिन और अधिक आसानी से, मैं उन लपेट सकते हैं एक चौथी div के अंदर तीन divs, एक
माता पिता div, तो बात है, और निर्दिष्ट करने के लिए कि कि div और के लिए अपने सभी
सन्तान होने चाहिए पाठ केन्द्र गठबंधन?
चलो एक नज़र रखना.
>> जीएडिट के अंदर, के लिए वापस जाओ मेरे शरीर और के साथ एक नया div ऊपर शीर्ष जोड़
div, शैली बोली गंदें शब्द बोलना के बराबर होती है पाठ संरेखित केंद्र, करीब
अर्धविराम के बाद बोली.
और अब, हम सब आगे और मांगपत्र जाने दो हम पहले लिखे गए उन लाइनों की.
और वह तीसरे div नीचे है, चलो इस नए div बंद करें.
>> दूसरे शब्दों में, क्योंकि उन तीन मूल divs अब बच्चे हैं, इसलिए करने के लिए
एक नए माता पिता div की बात है, और मैं मैं संरेखित करना चाहते हैं कि निर्दिष्ट
केन्द्र में है कि माता पिता div के पाठ पेज की, कि संपत्ति होगी
उन बच्चों के सभी से विरासत में मिला है.
दरअसल, की फाइल को बचाने और एक ब्राउज़र में एक बार देख ले.
क्रोम में फिर से लोड करते हैं.
और वहाँ हम इसे एक भी अच्छा है जॉन हार्वर्ड के लिए घर पृष्ठ.