-
تبدوا الخطوط من أبسط العناصر في صفحة HTML لكن رغم بساطتها تحتاج للتعرف على بعض الخصائص من أجل التحكم بها بشكل جيد وطريقة عرضها على الموقع , سنتعرف على خاصية تمكننا من تحديد الخطوط الإفتراضية وماذا يحصل في حالة عدم توفر خط من الخطوط المستخدمة. خاصية Font Family خاصية ال Font Family تستخدم من أجل…
-
بعد أن قمنا بإعداد بيئة العمل الأن سنبدأ بتعلم عناصر التنسيق , وكيف يمكننا التحكم في صفحة HTML وتنسيقها كما نريد, هناك العديد من المستويات للتنسيق حيث يمكنك أن تقوم بتنسيق مجموعة من العناصر مرة واحدة , أو أن تقوم بتنسيق عنصر محدد, على سبيل المثال في صفحة HTML وداخل وسم ال body قم بإضافة…
-
في مجموعة سابقة من الدروس المكتوبة تعرفنا على أهم خصائص لغة HTML وكيف يمكن بناء الهيكل الأساسي للموقع باستخدامها , لكن الملاحظة التي يمكن للجميع الانتباه لها , هي أن لغة HTML غير كافية من أجل بناء موقع بسيط , وأن الأمر يحتاج المزيد من أجل بناء موقع يحترم المعايير الأساسية. هنا تظهر لغة CSS…
-
حسنا الذي تعرفنا عليه في الدروس السابقة هو كيفية إضافة الألوان والتعديل على الخطوط من حيث النوع والحجم ,من أهم الأمور التي يجب التعرف عليها في لغة css هي كيفية تحريك العناصر , هذا المفهوم قد يحتاج لبعض التركيز. في كل صفحة HTML تعتبر مختلف العناصر المكونة لها مثل H1 أو P وغيرها , تعتبر…
-
ماذا لو كنت تريد أن تجعل عنوان <h1> له حدود , يمكنك ببساطة فعل هذا بهذه الطريقة , طبعا التعديلات دائما نقوم بها في ملف style.css وهي على هذا الشكل : h1 { color : #3498db; border-color: #725368; border-width: 5px; border-style: solid; } هنا الخاصية “Border-color” هي التي تتحكم بلون الحدود التي تريد وضعها ,…
-
حسنا ما دور لغة CSS هنا ؟ إن لاحظت شيء في الأمثلة التي قمنا سابقا باستعراضها فيما يخص HTML فتلك الأمثلة لاترقى لأن تكون جزء من موقع جيد ,حيث أن لديها تصميم غير أنيق , هنا يأتي دور CSS , حيث يتم الربط مع صفحة HTML من أجل إدخال بعض التصاميم والتنسيقات. في الحقيقة لا…
