ما هي لغة CSS
هي لغة أنماط تستخدم لوصف شكل وتنسيق مستند مكتوب بلغة ترميزية. يتم استخدامه على نطاق واسع على الويب لمنح صفحات الويب مظهرًا متسقًا وجذابًا ، مما يسهل قراءتها والتنقل فيها. يمكن استخدام CSS لتصميم مستندات HTML و XML وحتى SVG.
يتيح لك CSS التحكم في التخطيط والألوان والخطوط والجوانب الأخرى للعرض التقديمي لصفحة الويب. يوفر طريقة لفصل محتوى صفحة الويب عن عرضها التقديمي ، مما يسهل صيانته وتحديثه. يتم حفظ ملفات CSS بامتداد .css وترتبط بمستند HTML باستخدام علامة <link> في قسم <head> من ملف HTML.
خصائص CSS
هي السمات التي تحدد أنماط العنصر. تتضمن بعض خصائص CSS الأكثر استخدامًا ما يلي:
- اللون: يحدد لون النص والخلفيات والحدود.
- حجم الخط: يحدد حجم النص.
- الهامش: يحدد مقدار المساحة خارج العنصر.
- الحشو: يحدد مقدار المساحة داخل العنصر.
- الحدود: تضع حدًا حول عنصر.
- العرض والارتفاع: يحددان عرض وارتفاع العنصر.
- محاذاة النص: يحدد محاذاة النص.
- Float: يضبط العناصر لتعويم لليسار أو لليمين على الصفحة.
- العرض: يحدد ما إذا كان يجب عرض عنصر ككتلة أم مضمنة أم لا.
محددات CSS
يوفر CSS نطاقًا واسعًا من المحددات ، والتي تحدد العناصر التي يجب تطبيق النمط عليها. تشمل المحددات الأكثر استخدامًا محددات العناصر (مثل p للفقرات) ومحددات الفئة (مثل .highlight) ومحددات المعرف (مثل #header). يدعم CSS أيضًا استخدام الفئات الزائفة والعناصر الزائفة ، والتي تسمح لك بتطبيق أنماط بناءً على حالة عنصر (مثل حالة التمرير) أو على جزء معين من عنصر (مثل الحرف الأول منه).
لمزيد من المعلومات حول كيفية ربط CSS مع HTML ، راجع مقالنا المفيد.
ما يوفره CSS؟
يوفر CSS أيضًا عدة وحدات قياس ، بما في ذلك وحدات البكسل (px) و ems والنسب المئوية ووحدات منفذ العرض. يتيح لك ذلك تحديد حجم العناصر بطريقة مرنة ، مما يجعل أنماطك أكثر قابلية للتكيف مع أحجام ودرجات دقة الشاشة المختلفة.
يوفر CSS العديد من نماذج التخطيط ، بما في ذلك الكتلة والمضمنة والجدول. تأخذ عناصر الكتلة العرض الكامل لحاوياتها وتقوم بإنشاء سياق تنسيق كتلة جديد. تتدفق العناصر المضمنة مع النص ولا تنشئ سياق تنسيق كتلة جديدًا. تُستخدم عناصر الجدول لعرض البيانات بتنسيق جدولي.
تطورت CSS على مر السنين ، مع إضافة العديد من الميزات والتحسينات الجديدة لجعلها أسهل في الاستخدام وأكثر قوة. يتضمن CSS3 ، أحدث إصدار من CSS ، ميزات جديدة مثل استعلامات الوسائط وتخطيط الصندوق المرن والرسوم المتحركة. تسهل هذه الميزات إنشاء تصميمات سريعة الاستجابة تتكيف مع أحجام الشاشات المختلفة ، وإضافة تأثيرات ديناميكية إلى صفحات الويب.
CSS (أوراق الأنماط المتتالية) هي لغة أنماط تستخدم لوصف شكل وتنسيق مستند مكتوب بلغة HTML أو XML. يتم استخدامه لفصل العرض التقديمي ومحتوى صفحة الويب ، مما يتيح سهولة الصيانة والتحديثات.
تتميز CSS بالعديد من الخصائص الرئيسية ، بما في ذلك:
فصل العرض التقديمي والمحتوى: باستخدام CSS ، يمكن فصل عرض صفحة الويب عن محتواها ، مما يسهل تحديث مظهر الصفحة دون التأثير على بنيتها أو محتواها.
التتالي: يشير "التتالي" في CSS إلى الطريقة التي يتم بها تطبيق الأنماط على المستند. عندما يتم تطبيق أنماط متعددة على نفس العنصر ، فإن الأنماط "تتتالي" إلى أسفل ، مع وجود أنماط أكثر تحديدًا لها الأسبقية على الأنماط العامة.
نموذج الصندوق: يستخدم CSS نموذجًا مربعًا لتحديد تخطيط العناصر على الصفحة. يتم التعامل مع كل عنصر على أنه مربع ، مع المحتوى ، والحشو ، والحدود ، والهوامش ، مما يسمح بالتحكم الدقيق في مظهر العناصر على الصفحة.
المحددات والوراثة: يستخدم CSS المحددات لتحديد العناصر في المستند وتطبيق الأنماط عليها. يمكن أيضًا توريث الأنماط من العناصر الأصلية إلى العناصر الفرعية ، مما يسهل الحفاظ على التناسق في مظهر الصفحة.
بادئات البائع: لضمان التوافق عبر المتصفحات المختلفة ، تستخدم CSS بادئات البائع لبعض ميزاتها. تُستخدم هذه البادئات لإضافة أنماط خاصة بالمستعرض ، والتي يمكن أن تكون مفيدة لتوفير الدعم للمتصفحات القديمة.
تعد CSS جزءًا أساسيًا من تصميم وتطوير الويب ، مما يسمح للمطورين بإنشاء صفحات ويب جذابة بصريًا وسريعة الاستجابة. يوفر حلاً مرنًا وسهل الاستخدام للتحكم في مظهر صفحات الويب ويمكن استخدامه مع HTML و JavaScript وتقنيات الويب الأخرى.