القائمة الرئيسية

الصفحات

مقدمة عن لغة برمجة الويب CSS وتاريخها

قبل الشروع في دراسة لغة CSS يجب أن تكون ملماً ومستجمعا ببعض المفاهيم الأساسية حول الإنترنت و لغة HTML بالإضافة إلى أساسيات بناء صفحات الويب وكيفية تحليل الأكواد وفهمها . إذا كنت في حاجة لدراسة تلك الموضوعات أولاً يمكنك ذلك من خلال الإطلاع على منهج لغة html الموجود بالموقع بالتأكيد سوف تجد المعلومات الأساسية التي تحتاجها هناك.

مقدمة عن لغة برمجة الويب CSS وتاريخها

ما هي لغة CSS ؟

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

تاريخ لغة CSS 

ظهرت لغة CSS لأول مرة في العالم في 10 من شهر إكتوبر في عام 1994 على يد المبرمج النرويجي هاكون فيوم لاي، وتعاون مع فريق متكامل من المبرمجين للوصول إلى إصدار النسخة الأولية من لغة CSS فى سنة 1996 .

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

لماذا نستخدم صفحات الأنماط الانسيابية CSS ؟

أولاً : لأنها معيار قياسى متفقاً عليه لذلك فهى أكثر سهولة ويسر ولأنها مدعومة من جميع شركات برمجة وتطوير الويب ، مما يؤدي إلى إستخدامها بكثره و بالتالي يجب على من يريد تعلم برمجة وتطوير الويب تعلمها الآن .
ثانياً : يمكن التحكم فى التصميم بملف واحد، فيمكن التعديل على التصميم دون التعديل على كل الملفات فى الموقع .
ثالثاً : جعل الملفات صغيرة الحجم وبالتالى توفير التكاليف وسرعة التصفح بأقل سرعة إنترنت وبأى متصفح .

كيفية كتابة كود CSS

يكتب كود CSS على هيئة selector وهو عنصر من عناصر HTML الذى نحتاج إلى تطبيق التنسيق عليه ثم أقواس لغة سى أس أس {} وبداخل الأقواس نقوم بكتابة الخاصية والقيمة الخاصة بها و property هى خاصيه خاصه بهذا العنصر مثل حجم الخط أو اللون .

مثلاً :

selector
}
property: value
{
وهذا السطر property: value يسمى إعلان ويتم الفصل بين كل إعلان واخر بالفاصلة المنقوطة ; semicolon
ويمكن وضع كود CSS بإحدى ثلاثة طرق :

1- إما فى ملف خارجي external file 

ويتم وضع رابط لهذا الملف فى وسم Head
وهذا مثال علي كود html مرتبط به ملف css:

كيفية كتابة كود CSS


وهذا ملف الـ css الخارجي

كيفية كتابة كود CSS

وتلك صورة لتجربة التنسيقات css علي صفحة الويب

كيفية كتابة كود CSS

النوع الثاني : داخل العنصر نفسة .

كيفية كتابة كود CSS

شكل النص في صفحة الويب

hello
hello css

الشكل الثالث:

كود css داخل وسم html


كود css داخل وسم html

شكل الصفحة في المتصفح


reaction:

تعليقات