تعريف لغة CSS

تعريف لغة CSS

بسم الله الرحمان الرحيم

السلام عليكم و رحمة الله و تعالى و بركاته

لغة CSS

هى اختصار لCascading Style Sheets ( صفحات الانماط الانسيابية )

تم اختراع لغة CSS عام 1995 لكن كان أول ظهور رسمي للغة CSS عام 1996
عبر منظمة W3C وهي الإصدارة CSS1 ، ثم في عام 1998 أصدرت الإصدارة CSS2 ،

ثم صدرت آخر إصدارة عام 2003 وهي CSS2.1 وهي اللغة المتداولة الآن .

توجد هناك إصدارة جديدة وهي CSS3.

إن لغة CSS هي لغة موازية للغة HTML مبدأ عملها بسيط جدا ومعروف ،
وهو تحديد شكل افتراضي وحفظه في صفحة مستقلة ، ويتم تطبيق هذا الشكل

على عدد لا نهائي من صفحات HTML والهدف الرئيسي منه هو تعديل شكل عدد

كبير من صفحات HTML من خلال تعديل ملف واحد فقط.

لغة CSS هي مجموعة من الأوامر المكتوبة في ملف مستقل-عادة-تتحكم بخصائص HTML
والتي تحدد مظهر الصفحة المصممة ، كلون الخط ونوعه وخلفية الصفحة وشكل الجداول والإطارات، إلخ..

ماهي فوائد CSS ؟

فصل محتويات الموقع عن التصميم ، والتحكم بجميع الصفحات من خلال ملف واحد بإمتداد css .
إضافة مزيد من الأحترافية والسهولة لتصميم المواقع ـ والحريه في تصميم مواقع تزيد عن العشرة والعشرين صفحة.
لن ترهقك بعد اليوم طلبات العملاء والتعديلات الكثيرة التى يطلبوها ويروها سهله ـ ولكنك تراها مرهقه مع كثرة الأعمال
تقليل حجم صفحات الموقع، مما يعني أن المستخدم سيقضي وقتاً أقل لكي تظهر له صفحات الموقع بشكل كامل.
تقليل حجم الموقع الكلي بنسبة تصل إلى 50% مما يعني أن سعة الموجة (bandwidth) التي يحتاجها الموقع ستقل.
ضمان ظهور الموقع بشكل واحد على كافة المتصفحات والأجهزة أخرى كالحواسيب الكفية ـ وذلك بفضل فصل المحتوى عن ملف التصميم .

كيف يتعرف متصفح الإنترنت على هذه التقنية ؟

في الحقيقة إننا نستخدم نوعاً من أنواع الأنماط الانسيابية في صفحاتنا دون أن ندري . و لنأخذ هذا المثال ..

لاحظ فلم يتم بتحديد أي تنسيق للنص و مع ذلك فإنه عند فتح الصفحة بإستخدام المتصفح ستجد تنسيقاً معيناً لنوع الخط

و حجمه و لونه ـ وهذا التنسيق قد يختلف من جهاز لآخر بحسب الإعدادات الافتراضية للعرض لدى الزائر .

هنا كأننا نقول بأن المتصفح يحتفظ بملف يحتوي أنماط معينة من التنسيق يستخدمها إذا لم تحدد التنسيق بشكل واضح

في صفحتك او موقعك .

وتقنية CSS تعتمد نفس المبدأ . وتقريباً لن تكتب أي تنسيق في الصفحة الأساسية لكنك ستحدد في ملف خارجي واحد

التنسيق مفصلاً ـ وبعدها يربط ذلك الملف بالموقع حتى يأخذ المتصفح تنسيق الصفحات منه دون الاعتماد على إفتراضياته

هو ويطبق على جميع الصفحات مما يضمن ظهور الموقع بنفس الشكل على كل الأجهزة .

طرق تعريف CSS داخل الصفحات

توجد عده طرق لتعريف متغيرات CSS داخل الصفحات والأكثر إستخداماً ونوهنا عنه هو عمل ملف نصي منفصل وتسميه

بإي أسم المهم ان يكون بالإمتداد css يحتوى على كافة التنسيقات ويتم ربطة بالموقع وتسمي هذه الطريقه External .

كما في المثال التالي :

2) الطريقه الثانية هو ان تطبق متغيرات الـ CSS مباشرة في اوسمه HTML وتسمى هذه الطريقه in-line

بهذا الشكل ..

3) الطريقه الأخيرة وفيها يتم إضافة جميع قيم CSS في أعلى الصفحه بين وسمين لتعريفهم على المتصفح وتسمي

هذه الطريقه Internal ومنه تطبق هذه الأوامر على جميع فقرات الصفحه .