يناير 31, 2025
CSS هي اختصار لـ Cascading Style Sheets (ورقات الأنماط المتتالية)، وهي لغة تستخدم لتحديد وتنسيق مظهر وتصميم صفحات الويب. تعد CSS جزءًا أساسيًا من تطوير الويب، حيث تساهم في التحكم في كيفية عرض المحتوى على الصفحة بعد أن يتم تحديد هيكل الصفحة باستخدام HTML.
وظيفة CSS
بينما يقوم HTML بتحديد الهيكل والمحتوى (مثل النصوص والصور والروابط)، تركز CSS على تحديد كيفية عرض هذا المحتوى. على سبيل المثال، يمكن لــ CSS التحكم في الألوان، والخطوط، والمسافات بين العناصر، ومحاذاة النصوص، وعرض الصور، والعديد من الأنماط الأخرى التي تتعلق بتنسيق الصفحة.
مكونات CSS
تتكون CSS من عدة مكونات أساسية:
<h1>
, <p>
, أو حتى فئة (class) أو معرف (id).color
, font-size
, background-color
هي خصائص يمكن تحديدها باستخدام CSS.red
, 16px
, #ffffff
هي بعض القيم التي يمكن تخصيصها.مثال بسيط على CSS
إليك مثال بسيط عن كيفية استخدام CSS لتنسيق محتوى صفحة ويب:<!DOCTYPE html> <html lang=”ar”> <head> <meta charset=”UTF-8″> <title>مثال CSS</title> <style> body { background-color: #f0f0f0; font-family: Arial, sans-serif; }
h1 {
color: #333;
text-align: center;
}
p {
font-size: 18px;
line-height: 1.6;
color: #666;
}
</style> </head> <body> <h1>مرحباً بالعالم!</h1> <p>هذه صفحة تحتوي على تنسيق باستخدام CSS.</p> </body> </html>
في هذا المثال، يتم تحديد:
<h1>
ليكون بلون غامق ومحاذاة في الوسط.أنواع إدراج CSS في صفحة الويب
يمكنك تضمين CSS في صفحة الويب بثلاث طرق رئيسية:
style
:<h1 style=”color: red;”>عنوان أحمر</h1><style>
: يتم وضع الأنماط داخل عنصر <style>
في رأس الصفحة:<style> h1 { color: blue; } </style><link>
في رأس الصفحة:<link rel=”stylesheet” href=”style.css”>مميزات CSS
الخلاصة
CSS هي لغة ضرورية لتنسيق وتصميم مواقع الويب بشكل احترافي. إنها توفر للمطورين القدرة على تحسين تجربة المستخدم من خلال تصميم مرن وجميل يتكيف مع مختلف الأجهزة والشاشات. باستخدام CSS، يمكن للمطورين تخصيص الألوان، الخطوط، المحاذاة، والتأثيرات المختلفة لجعل صفحات الويب أكثر جاذبية وسهولة في التصفح.
تأسست شركة سمارت سيرفس عام 2010 بهدف تقديم حلول وخدمات الويب المتميزة، مع التركيز على الارتقاء بالويب العربي. نحن نقدم استضافة قوية، تصميم مواقع، تسويق إلكتروني، وغيرها من الخدمات التي تساعد عملاءنا على النمو والنجاح في العالم الرقمي.
جميع الحقوق محفوظة لـ سمارت سيرفس 2010 - 2025©