إظهار الرسائل ذات التسميات css. إظهار كافة الرسائل
إظهار الرسائل ذات التسميات css. إظهار كافة الرسائل
الدرس 01 : مقدمة واختيار محرر النصوص وكتابة أول كود CSS
نقدم لكم في الدرس الأول من لغة الـ CSS مقدمة عامة وطريقة استخدم محرر النصوص Microsoft Visual Studio وهو من أقوى محررات النصوص التي تدعم اللغة العربية أيضاً..…
Read more »
ملخص عام CSS
تهانينا , لقد انتهيت من لغة CSS , ماذا يجب أن أفعل الآن ؟؟ في هذا الدورة تعلمت إنشاء صفحات تصميم وذلك للتحكم بتصميم وشكل موقع سواء مكون من صفحة أو العديد…
Read more »
لواحق المنتقى
يمكن تصميم عناصر HTML من خلال لواحق معينة من الممكن تصميم نموذج معين لعناصر HTML والتي تحتوي على لواحق معينة ليس فقط عند استخدام خاصية استدعاء التصميم ال…
Read more »
الوسائط media
تسمح لك أنواع الوسائط بتحديد كيفية ظهور الصفحة بوسائل متعددة . يمكن عرض الصفحة بطرق مختلفة على الشاشة أو على الورقة أو المتصفحات السمعية .. إلخ أنواع …
Read more »
صورة الأيقونات
ان صورة الايقونات هي عبارة عن مجموعة أيقونات تم جمعها بصورة واحدة ان الموقع الذي يحتوي على الأيقونات يمكن أن يأخذ وقت طويلاً في تحميل الموقع ويوّلد مجموع…
Read more »
صور الشفافية Transparency و التعبئة Opacity
يمكن وبكل سهولة استخدام الشفافية مع الصور لجعلها شفافة . ملاحظة : ان خاصية تعبئة الصور opacity هي جزء من منظمة الويب العالمية W3C و CSS3 صورة عادية : …
Read more »
إنشاء ألبوم صور
يمكن إنشاء البوم صور بسهولة عند استخدام لغة CSS ألبوم الصور في هذا المثال تم انشاء ألبوم صور باستخدام لغة CSS <html> <head> <style …
Read more »
شريط القوائم navbar
شريط القوائم من المهم استخدام شريط للقوائم لأي موقع ويب في العالم ومع استخدام CSS سيصبح لديك شريط قائمة رائع أفضل من قوائم HTML المملة شريط القوائم =…
Read more »
التأثيرات الخاصة مع العناصر Pseudo-elements
تستخدم التأثيرات الخاصة مع العناصر لاضافة تأثيرات معينة لبعض المنتقون selectors تركيبة الكود ان تركيبة التأثيرات الخاصة مع العناصر هي كالتالي منتقى …
Read more »
التأثيرات الخاصة Pseudo-classes
تسمى التأثيرات الخاصة لأنها تضيف مزايا وتأثيرات خاصة للعنصر توهمك أن هذه التأثيرات من أساسه و لكن في الواقع هي فقط مصطنعة له التركيبة ان تركيبة التأ…
Read more »
المحاذاة الأفقية
هناك الكثير من الخاصيات التي تقوم بعمل المحاذاة الأفقية للعناصر محاذاة العناصر الكتلية العناصر الكتلية هي العناصر التي تكون مرتبة تحت بعضها البعض وا…
Read more »
الطفو Float
ماهو الطفو ؟؟ باستخدام CSS يمكنك طفو العناصر لليمين أو اليسار كما تسمح للعناصر الأخرى بالالتفاف حولهم تستخدم خاصية الطفو بشكل عام مع الصور ولكن تستخدم أ…
Read more »
ترتيب العناصر positioning
يمكن أن يكون الترتيب مخادع أحياناً ولكن كيف ؟؟؟ الترتيب positioning تسمح لك خاصيات الترتيب المستخدمة في CSS في ترتيب العناصر . يمكن أيضاً استبدال عن…
Read more »
الإظهار والإخفاء
تحدد خاصية الاظهار display فيما اذا أو كيف يجب على العنصر الظهور بينما تحدد خاصية الاخفاء visibility فيما اذا كان العنصر ظاهر visible أو مخفي hidden …
Read more »
الاتجاهات dimension
تسمح خاصية الأبعاد dimension بالتحكم بعرض و ارتفاع العنصر . مثال img.normal { height:auto; } img.big { height:120px; } p.ex { height:100px; width:100…
Read more »
تجميع و تنسيق المنتقى
تجميع المنتقى غالباً مانجد أكثر من منتقى يحتوي على نفس التصميم مثال h1 { color:green; } h2 { color:green; } p { color:green; } لتصغير الكود يمكنك …
Read more »
الهوامش الداخلية padding
تحدد خاصية الهوامش الداخلية المسافة حول العنصر تعمل الهوامش الداخلية على تحديد المسافة حول العنصر (داخل الحدود) . تتأثر الهوامش الداخلية بلون خلفية ال…
Read more »
الهوامش الخارجية margin
تحدد خاصية الهوامش الخارجية المسافة حول العنصر تعمل الهوامش الخارجية على تحديد المسافة حول العنصر (خارج الحدود) . لاتحتوي الهوامش الخارجية على لون خلف…
Read more »
الحدود الخارجية outline
الحدود الخارجية هو عبارة عن خط مرسوم حول العناصر (خارج الحدود ) لجعل العناصر أكثر سهولة لرؤيتها وملاحظتها . يمكن تحديد اللون والشكل والعرض للحدود الخارجي…
Read more »
الحدود Borders
خصائص الحدود في CSS تسمح لك خصائص الحدود في CSS لتحديد التصميم واللون لحدود العنصر شكل / تصميم الحدود تحدد خاصية border-style نوع الحدود التي ستعر…
Read more »