قد تكون هذه المقالة مألوفة جدًا للعديد من مستخدمي الإنترنت، ولكن بالنسبة للعديد من المبتدئين، يمثل تعلم CSS صعوبة كبيرة، ليس بسبب صعوبة فهم CSS، ولكن بسبب كثرة الكلمات الإنجليزية في CSS. في الواقع، مبدأ CSS بسيط جدًا. على سبيل المثال، إذا أردنا وصف شخص ما، يمكننا أن نكتب مثل هذا:
مثال لكود المصدر
[www.downcodes.com] تشانغ فاي {
الارتفاع: 185 سم؛
الوزن: 105 كجم؛
الجنس: ذكر؛
الشخصية: الانفعال.
الجنسية: هان؛
}
ومن خلال هذا الجدول يمكن وصف الوضع الأساسي للشخص. يصف كل صف في الجدول سمة معينة لشخص ما وقيمة السمة. يتمثل دور CSS في ضبط العرض التقديمي لكل مكون من مكونات صفحة الويب. لذلك، إذا تم استبدال الجدول أعلاه بجدول سمات يصف عنوانًا على صفحة الويب، فيمكن تخيل أنه يجب أن يبدو كما يلي تقريبًا:
مثال لكود المصدر
[www.downcodes.com] عنوان المستوى الثاني {
الخط: أسرة سونغ؛
الحجم: 15 بكسل؛
اللون: أحمر؛
الزخرفة: تسطير
}
لنذهب خطوة أخرى إلى الأمام، إذا كتبنا الجدول أعلاه باللغة الإنجليزية:
مثال لكود المصدر
[www.downcodes.com] ح2{
عائلة الخط: "宋体"؛
حجم الخط: 15 بكسل؛
اللون: أحمر؛
زخرفة النص: تسطير؛
}
بأعجوبة، هذا هو كود CSS الصحيح. يمكن ملاحظة أن مبدأ CSS بسيط للغاية بالنسبة للمتحدثين الأصليين باللغة الإنجليزية، كما أن كتابة كود CSS أمر سهل تقريبًا مثل استخدام اللغة الطبيعية.
بالنسبة لأولئك منا الذين لغتهم الأم ليست الإنجليزية، فمن الطبيعي أن يكون الأمر أكثر صعوبة قليلاً. بالطبع، لا يوجد سوى بضع عشرات من الكلمات الإنجليزية المستخدمة في CSS. حتى لو كنت لا تفهم اللغة الإنجليزية على الإطلاق، ما عليك سوى قضاء بعض الوقت لفهم العشرات من الكلمات الضرورية، بالإضافة إلى بعض الكلمات المستخدمة غالبًا في تخطيط CSS، مثل المحتوى والحاوية و"المصطلحات" الأخرى، وإضافة الممارسة المستمرة، أعتقد أن التعلم سيكون أسهل بكثير.
لقد قمت هنا بتلخيص "قاموس CSS الصيني الإنجليزي" بتنسيق pdf. يمكن للقراء تنزيله. هناك 160 كلمة في المجموع. إذا لم تكن جيدًا في اللغة الإنجليزية، فيمكنك قضاء بضعة أيام وحفظها مرة واحدة، أو البدء إذا واجهت كلمة لا تعرفها، يمكنك البحث عن معناها.