تصميم مواقع الويب للمبتدئين
مجموعة من المبادئ المهمة والضرورية لاحتراف التصميم بلغة css ، معرفة هذه المبادئ يسهل عليك فهم كيفية ترجمة المتصفحات لقواعد css وبالتالي يسهل عليك وضع قواعدك الخاصة للتصميم .
1) مبدأ التوارث Inheritance:
وهو أن يرث عنصر html تنسيقا معينا من عنصر آخر أب Parent ، مثلا عندما تحدد Font-family للعنصر body فإن كل العناصر النصية أبناء Childs لهذا body ترث هذا النوع من الخط ، ولن تحتاج الإشارة إلى كل عنوان وكل فقرة وتذكيرها بهذا Font-family ، هذا مع العلم أنه ليست كل خصائص css قابلة للتوارث إلا إذا أجبرناها عن طريق القيمة inherit .
سبق لي أن شرحت موضوع التوارث هذا بالتفصيل في تدوينة قديمة لمن أراد الرجوع إليها هذا رابطها :
كما شرحته في درس جديد تابعه في هذا الفيديو :
فيديو الدرس العشرون
2) مبدأ Cascade :
وهذا المبدأ يقول بأن آخر قاعدة مذكورة ل css هي التي تفوز ، طبعا هذا المبدأ يعمل بشروط :
أولا : غياب النمط الخطي Inline Style
ثانيا : غياب قاعدة مخصصة أكثر
ثالثا : غياب القيمة important!
3) مبدأ التخصيص Specifity :
وهذا المبدأ يقول بأن القاعدة المخصصة أكثر هي التي تفوز ، وهذا المبدأ يعمل أيضا بشرطين :
أولا : غياب النمط الخطي
ثانيا : غياب القيمة important!
وأيضا المبدأين الأخيرين سبق لي شرحهما بالتفصيل في تدوينة قديمة ، وهذا رابطها :
كما شرحتهما في درس جديد تابعه في هذا الفيديو :
فيديو الدرس الواحد والعشرون
في الدروس القادمة سنبدأ في شرح أهم خصائص css3 ، وفي انتظار ذلك دمتم في رعاية الله وحفظه .