1. ما هي لغة css?
في هذا الدرس, دعونا نفهم ما هي لغة CSS ونتعرف على طرق كتابتها. وقبل كل شيء, يتطلب فهم لغة CSS بعض المعرفة بلغة HTML. ونعتقد أنه من الأفضل قراءة هذا الشرح بعد مراجعة الدروس الخاصة بلغة html. وذلك من خلال الرابط التالي
الدروس الأساسية للغة html
ولغة CSS تعتبر إحدا لغات البرمجة المختلفة, وتستخدم بشكل رئيسي لتغيير أو التحكم في مظهر صفحات الويب المختلفة, وتعتبر لغة ضرورية وأساسية عند إنشاء وتطوير وتصميم المواقع الإلكترونية المختلفة.
وبالطبع يمكن إنشاء صفحات ويب باستخدام لغة html وبدون إستخدام لغة css, لكن كيف يكون مظهر وشكل هذه الصفحات.
إذا قمنا بإنشاء موقع إلكتروني بدون إستخدام لغة css فستكون صفحة رتيبة جدا وفقط تظهر لنا النصوص والصور التي تم إضافتها من فوق إلى أسفل وذلك بدون أدنى تنسيق ولا ترتيب.
ونتيجة لهذا, يكون صعب جدا على الأفراد قراءة هذه الصفحات والإستفادة منها, كما يصابوا بشيء من الإحباط بسببها.
ولكن عند التصميم باستخدام لغة CSS,نستطيع التحكم في تصميم وتخطيط هذه الصفحات, وعلى سبيل المثال, يمكن تغيير لون النص والخلفية, ورسم خطوط ملونة, وضبط الهوامش, وما إلى ذلك مما يجعلها تبدو في أكمل وجه.
وبهذه الطريقة يمكن إنشاء وتصميم المواقع بالكيفية التي نريد.
وعلى سبيل المثال, دعونا نأخذ مثالا صغيرا على كيفية الإستخدام.
عند كتابة الجمل والفقرات بلغة html كثيرا ما يستخدم وسم <p> </p>
وذلك على النحو التالي, <p> هذه جملة تجريبية </p>
هذه جملة تجريبية
دعونا نغير لون النص إلى اللون البرتقالي باستخدام CSS.
<p> هذه جملة تجريبية </p>
هذه جملة تجريبية
p {
color: orange;
}
هذه جملة تجريبية
وبهذه الطريقة يمكن تغيير لون النصوص إلى أي لون آخر.
وبالإضافة لهذا دعونا نقوم بتكبير حجم الخط قليلا
<p> هذه جملة تجريبية </p>
هذه جملة تجريبية
p {
color: orange;
font-size: 20px;
}
وبهذه الطريقة, تتيح لنا لغة CSS إجراء إعدادات تصميم متنوعة مثل تغيير اللون وحجم الخط.