ما هي CSS؟
جزء من قسم Styling with CSS في رحلة HTML على Coddy — الدرس 1 من 76.
تعد CSS لغة قوية وأساسية لتنسيق صفحات الويب، مما يتيح لك إنشاء مواقع ويب جذابة بصرياً ومصممة بشكل جيد وبسهولة.
يعمل جنباً إلى جنب مع HTML لإضفاء الحيوية على محتواك، وتحويل النصوص والعناصر العادية إلى تخطيطات جميلة وجذابة.
باستخدام CSS، لديك القدرة على التحكم في مظهر كل جانب من جوانب موقعك الإلكتروني، من الألوان والخطوط إلى التباعد وتحديد المواقع.
التحدي
سهلاضغط على زر تشغيل الكود لتشغيل أول كود لك في CSS.
مكافأة: حاول تغيير لون الفقرة! هل يمكنك معرفة كيفية القيام بذلك؟
ورقة مرجعية
تُستخدم لغة CSS (أوراق الأنماط المتتالية) لتنسيق وتصميم صفحات الويب. وهي تعمل مع HTML للتحكم في المظهر المرئي لعناصر الموقع الإلكتروني، بما في ذلك الألوان والخطوط والتباعد وتحديد المواقع.
جرّب بنفسك
<html>
<head>
<style>
p {
color: blue;
}
</style>
</head>
<body>
<p>Hello CSS!</p>
</body>
</html>
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس Styling with CSS
4أساسيات النصوص
لون النصعائلة الخطحجم الخطسمك الخطمحاذاة النصزخرفة النصتحدي المراجعة رقم 1تحدي المراجعة رقم 27نموذج الصندوق - الجزء الأول
ما هو نموذج الصندوق؟المسافات الداخلية (Padding)الهوامش (Margins)الحدود (Borders)العرض والارتفاعتحدي المراجعة
8نموذج الصندوق (Box Model) - الجزء الثاني
تحجيم الصندوق (Box Sizing)حواف العناصر (Border Radius)التدفق الزائد (Overflow)ظل الصندوق (Box Shadow)تحدي المراجعة