نموذج صندوق CSS (CSS Box Model)

كتب بواسطة: | CSS | لا يوجد تعليقات

على الرغم من احتمال سماعك لنفس الكلمات: كل عنصر في تصميم المواقع و الويب هو مربع مستطيل او box model. كانت هذه لحظة “وجدتها!” التي ساعدتني حقاً في فهم تصميم الويب القائم على CSS وإنجاز المخططات التي أردت إنجازها. لقد تحدثنا عن موضع (position) هذه الصناديق قليلاً، وعن سلوكها. ما لم نتحدث عنه كثيرا هو الصندوق نفسه. كيف يتم حساب حجم المربع بدقة؟إليكم الرسم التخطيطي: لو كنت من مستخدمي Firebug قد تكون معتادًا على هذا…

أكمل القراءة

تعرف على محددات الفئة الزائفة (Pseudo Class)

كتب بواسطة: | CSS | لا يوجد تعليقات

محددات الفئة الزائفة هي محددات CSS تسبقها نقطتان رأسيتان، ربما يكون قليل منها مألوفاً لك، مثل المحدد :hover هذه المحددات مفيدة جداً في حالات كثيرة بعضها لCSS3  وبعضها لCSS2، ذلك يعتمد على كل واحد منهم. عدا متصفح IE لديهم دعم كبير من المتصفحات الاخرى، في متصفح IE وحتى IE8 لا يدعم الكثير من هذه المحددات، لكن في IE9  هناك دعم…

أكمل القراءة

الفرق بين المُعرِّف (ID) والفئة (Class)

كتب بواسطة: | CSS | لا يوجد تعليقات

المُعرَّفات (ID) والفئات (Classes) عبارة عن “مَشابِك” نحن نحتاج إلى طرق لوصف المحتوى في ملفات HTML/XHTML، هناك عناصر أساسية مثل <h1> و <p> و<ul> غالباً ما تقوم بعمل هذه الوظيفة، لكن هذه العناصر لا تغطي جميع أنواع العناصر في الصفحة أو خيارات التخطيط. لذلك نحن نحتاج إلى المعرِّفات (ID’s) والفئات (Classes)، كمثال <ul id=”nav”> سوف يعطينا الفرصة للوصول إلى هذه…

أكمل القراءة

التصميم باستخدام ال css

كتب بواسطة: | CSS | 3 تعليقات

لا أعرف عنك ، لكنني أتساءل دائمًا كيف يصمم الفنانون رسومات مذهلة. لمبرمج مثلي ، بدا وكأنه من السحر حيث أنه كيف يمكنهم إنشاء هذه الأشكال المعقدة الرائعة ، وتساءلت عن ذلك لفترة طويلة ، ثم في أحد الأيام خطر ببالي ، أنها مجرد أشكال بسيطة مدمجة معًا! وأيضا ، يمكننا أن نقوم بهذه الرسوم نفسها باستخدام الكود ، وهذا…

أكمل القراءة