>> المتحدث: اتضح أن HTML غير اللغة الوحيدة التي يمكنك استخدامها داخل
من صفحة ويب.
يمكنك استخدام ما يسمى CSS، أو أوراق الأنماط المتتالية، كذلك.
CSS تسمح لك بتحديد أكثر من ذلك بكثير بالضبط جماليات شبكة
صفحة، بما في ذلك تخطيط والأحجام و الألوان والخطوط وأكثر من ذلك بكثير.
على سبيل المثال، دعونا إنشاء صفحة على شبكة الإنترنت دعا هنا CSS0 الذي يمثل
الصفحة الرئيسية ل، مثلا، جون هارفارد.
>> في هذه الصفحة، ونحن سوف يكون جون هارفارد تسمية، والتي ستكون تحت
رسالة لطيفة لزواره، تحت والتي سوف يكون ذيلها، مع
ويقول بعض معلومات حقوق النشر.
للقيام بذلك، دعونا تعريف ثلاثة أقسام لصفحة باستخدام علامة
دعا شعبة.
فتح شعبة قوس، جون هارفارد، بالقرب شعبة قوس، قوس آخر div مفتوحة،
والآن سنقوم بتحديد شيء مثل، مرحبا بكم في الصفحة الرئيسية لبلدي!
ودعونا إغلاق هذا شعبة، كذلك.
>> والآن الثالثة والأخيرة شعبة وحقوق المؤلف.
لمجرد أن يكون الهوى، واسمحوا لي الآن استخدام HTML الكيان، وهو الرمز الذي يمثل
والحرف الذي لا يمكن إلا اكتب على لوحة المفاتيح.
على وجه الخصوص، وانا ذاهب للقيام العطف، الجنيه، 169، منقوطة.
تبين أن هو رمز رقمي لرمز حقوق النشر.
ثم دعونا تحديد جون هارفارد هنا في الأسفل.
دعونا إغلاق شعبة وحفظ الملف.
>> الآن، ما هو هذا شعبة الوسم؟
شعبة الوسم ببساطة يعرف الانقسام الصفحة، التي هي في جوهرها
منطقة مستطيلة.
لذلك في هذه اللحظة في الوقت المناسب، ولدي ثلاثة مناطق مستطيلة، واحدة فوق
من جهة أخرى.
حتى الآن، وأثر هو تقريبا كما على الرغم من أنني كان ثلاث فقرات.
لكننا لن نرى تماما بقدر المساحة البيضاء بينهما.
>> دعونا حفظ هذا الملف، تغيير موعد الأذونات، ونلقي نظرة ل
لحظة في كروم.
التصريح ل+ ص CSS0.html.
دعونا الآن فتح كروم والزيارة http://localhost.CSS0.html.
في الواقع، وهنا الصفحة الرئيسية لجون هارفارد.
دعونا أسلب الآن أكثر من ذلك بقليل بدقة باستخدام بعض CSS.
>> مرة أخرى في gedit، دعنا نذهب إلى هذا أول شعبة الوسم وإضافة نمط
ويعزو تحديد ان كنت ترغب في حجم الخط، ويقول، 36 بكسل، أو بكسل.
وأود أن وزن هذا الخط أن تكون جريئة وليس الافتراضي،
وهو أمر طبيعي.
للشعبة الثانية، دعونا تحديد السمة نمط آخر له
حجم الخط 24 بكسل، لذلك قليلا أصغر.
ونقلت قريبة بعد الفاصلة المنقوطة.
>> أخيرا، في هذا شعبة ثالثة، دعونا نفعل أسلوب يساوي حجم الاقتباس، والخط، و
دعنا نقول 12 بكسل هذا الوقت.
وثيقة اقتباس بعد الفاصلة المنقوطة.
لاحظت بعد ذلك أن يبدو لي أن لديهم المحدد قليلا من التنميق ل
كل من هذه DIVS ثلاثة باستخدام، كما تبين، CSS.
في الواقع، بناء الجملة التي تراها في بين علامات التنصيص هو المغلق،
المغلق على وجه التحديد خصائص مع القيم.
ولهذا العلامة الأولى، حيث كان لي اثنين من هذه الخصائص، وحجم الخط و
وزن الخط، أنا ببساطة فصل منها بفاصلة منقوطة.
>> الآن، فقط من أجل النمط، وأنا منقوطة شملت أيضا في
في نهاية كل سطر.
لكنها ليست ضرورية تماما، ولا سيما عندما يكون لديك واحد فقط
ملكية محددة.
دعونا الآن حفظ الملف وإعادة تحميل في كروم، ونرى ما
الأثر الصافي هو.
مرة أخرى في كروم هنا، دعونا انقر فوق تحديث.
>> الآن لدينا أكثر إثارة للاهتمام قليلا الصفحة الرئيسية لجون
هارفارد، حيث السطر الأول مع اسمه، والذي هو داخل ذلك
شعبة الأولى، هو 36 بكسل .. وأيضا بحروف بارزة، حيث السطر الثاني،
وهو في ذلك شعبة الثانية، 24 بكسل طويل القامة، ولكن ليس بحروف بارزة.
وحيث السطر الثالث في هذا الثالث شعبة هو 12 بكسل .. وأيضا
لا بحروف بارزة.
ولكن لنفترض الآن أود أن التحول كل هذا النص على
مثل هذا ما تركز عليه.
>> أنا يمكن ربط كل من الفرد DIVS بأنها تركز.
ولكن بشكل أكثر سهولة، يمكن لي أن التفاف تلك ثلاثة DIVS من داخل شعبة الرابعة، و
شعبة الأم، إذا جاز التعبير، وتحديد أن هذا شعبة وجميع من فيها
وينبغي أن يكون من نسل النص بالوسط؟
دعونا نلقي نظرة.
>> داخل gedit، دعونا نعود إلى بلدي الجسم وإضافة شعبة جديدة لأعلى حتى مع
شعبة، على غرار يساوي بين قوسي الإقتباس مركز محاذاة النص، وثيقة
العروض بعد الفاصلة المنقوطة.
والآن، دعونا نمضي قدما والمسافة البادئة جميع من تلك الخطوط التي نحن كتبته من قبل.
وأدناه أن شعبة ثالثة، دعونا إغلاق هذا شعبة جديدة.
>> وبعبارة أخرى، وذلك لأن هؤلاء الثلاثة DIVS الأصلية هي الآن الأطفال، وذلك ل
الكلام، من شعبة جديدة الوالدين ولقد المحددة التي أود أن محاذاة
نص ذلك شعبة الأم في وسط من الصفحة، وسوف تكون تلك الممتلكات
التي ورثها عن هؤلاء الأطفال.
في الواقع، دعونا حفظ الملف و نلقي نظرة في مستعرض.
دعونا تحميل في كروم.
ويوجد لدينا ذلك، حتى أجمل الصفحة الرئيسية لجون هارفارد.