تُستخدم أوراق الأنماط المتتالية لتنسيق محتوى صفحة HTML. وفقًا لذلك ، تهدف جميع الأوامر المستخدمة في CSS إلى تعديل مظهر أي عنصر من عناصر مستند HTML.
انه ضروري
جهاز كمبيوتر متصل بالإنترنت
تعليمات
الخطوة 1
اقرأ عن كيفية استخدام أوراق الأنماط المتتالية. تنسيق النص هو الميزة الأكثر استخدامًا في أوراق الأنماط المتتالية. يحتوي أي مستند HTML على قدر كبير من المعلومات النصية في أجزائه المختلفة. في الوقت نفسه ، يجب أن يكون لكل جزء من الصفحة تنسيقه وخطه الخاصين: جزء من النص هو نص القائمة ، والآخر هو العنوان ، والثالث هو النص الرئيسي للصفحة ، إلخ. لتنسيق المعلومات النصية ، تُستخدم الأوامر لتغيير اسم الخط وحجمه ووزنه وما إلى ذلك.
الخطوة 2
لذلك ، أولاً وقبل كل شيء ، لاحظ معلمة نمط عائلة الخطوط. تسمح لك هذه السمة بتعيين خط معين لهذه العلامة. اسم الخط مكتوب بعد علامة ":". تُستخدم سمة نمط حجم الخط لتعيين حجم النص المضمن في العلامة. تتم كتابة قيمة الحجم أيضًا بعد علامة ":" ويشار إليها بالبكسل ، على سبيل المثال ، "حجم الخط: 20 بكسل".
الخطوه 3
لاحظ أنه يمكن ربط معلمات النمط وكتابتها معًا باستخدام علامة "؛". هذا مفيد إذا كنت بحاجة إلى تعيين العديد من المعلمات لعلامة واحدة.
الخطوة 4
استخدم لون سمة النمط لتغيير لون النص. اسم اللون مكتوب بالطريقة القياسية: أخضر ، أزرق ، أحمر ، إلخ. كما أن لديها القدرة على ضبط لون ليس فقط النص نفسه ، ولكن أيضًا لون الخلفية. لهذا الغرض ، يتم استخدام سمة لون الخلفية ، وبعد ذلك يجب أيضًا الإشارة إلى اللون المحدد. إذا كنت تريد استخدام صورة ، وليس تعبئة ، كخلفية في منطقة هذه العلامة ، فارجع إلى معلمة نمط صورة الخلفية ، مع تحديد مصدر الصورة بعدها.
الخطوة الخامسة
تعرف على عدد من سمات النمط التي تحدد معلمات عناصر الصفحة ، والتي تشمل أولاً وقبل كل شيء الحشو ، والحدود ، والعائمة ، والموضع.
الخطوة 6
استخدم معلمة padding لتعيين مقدار الهامش المرتبط بالعلامة المحددة. في هذه الحالة ، يتم حساب هذه القيمة من كل جانب. حدد سمة الحدود لتشكيل حدود هذا الحقل. بعد النقطتين ، يتم كتابة عرض الحد بالبكسل. ستسمح خاصية الطفو لعنصر في صفحتك بأن يطفو إلى اليمين أو اليسار. في هذا الصدد ، تكون المعلمات المؤهلة لهذه الخاصية يسارًا أو يمينًا.
الخطوة 7
إذا كنت بحاجة إلى وضع كائن بدقة على المستند ، فاستخدم خاصية الموضع. إنه يحدد موقع عنصر الصفحة بطريقة مطلقة ، مثل "position: المطلق ؛ bottom: 50px ؛ right: 10px ؛" ، أو بطريقة نسبية ، استنادًا إلى المسافة من حواف الصفحة.
