بسم الله الرحمان الرحيم
درووس تعليم لغة css
طريقك لاحتراف لغة الcss
عندما نريد تعلم اي شيء جديد يدور بخاطرنا ما مدى صعوبته و هل هو سهل التعلم و ماذا يتطلب
منا من وسائل و كم يلزمنا من وقت لكي نتقنه لذا اخي العزيز تريث قليلا فالسلم لا نستطيع صعوده بقفزة واحدة
واحدة بل يجب علينا صعوده درجة بدرجة فاساس النجاح بتعلم اي لغة كانت .... هو متابعة الدرووس درسا بدرس
مع العلم انه من الضروري ان تكون فهمت الدرس و اتقنته لانك بعد فهم الدرس وتطبيقه على امثلة من صنعك
حينها ستعرف ما مدى روعة هذه اللغة و ليس ذالك وحسب بل انك ستجدها سهلة للغاية
اعذروني على هاته الاطالة فما كتبها الى و انا متيقن انك لو اتبعتها ستحصل على الاحتراف في لغة css
وجميع اللغات مع تمنياتي لكم بالتوفيق ان شاء الله
تعريف لغة css:
لغويا : هي تتألف من ثلاث كلمات
Cascading وتعني صفحات
Style و تعني الانماط اوالنوع اوالطراز
Sheets و تعني المتراصة او الانسيابية
ومعنى هذا كله صفحات الانماط الانتسابية
اصطلاحا:لغة css هي لتنسيق الصفحات و جعلها من افضل الصفحات من حيث المظهر و ذات طابع انسيابي متطور لذالك فانك تجدها في جميع صفحات المواقع ولها دور كبير.
لوأردت انشاءملفات تفوق 200 ملف من ملفات html ستجد صعوبة في التعديل عليها كلها هنا يأتي دور ال css فانها تقوم بالتغيرات من ملف واحد فقط ليس هذا و حسب بل انها ستضيف لمسات لصفحتك لتجعلها تبدو من احسن الصفحات
امل انك فهمت معنى لغة css اذن فهي لغة تنسيق صفحات المواقع
ندخل الان الى كيفية كتابة اكواد css
فكما عرفنا في درووس لغة html انها تحتوي على وسم بداية و نهاية لاحظ المثلا التالي
<div class="header1"> welcom</div>
اكواد CSS دائماً تكون بين وسمي <style> و </style>
هيا نقوم بتعريف المثال السابق لاحظ معي..
.header1 { color:reed;}
</style>
تابع الشرح معي هيا ...<style> هذا الوسم يعرف المتصفح انه يتعامل مع لغة css
. لتعريف
{ } لنفهم ان الشرح هذا يخص لغةcss ونكتب جميع القيم و الخصائص داخله
color خاصية من الخصائصو تعني اللون
reed قيمة تعطى بالنسبة للخصائص وتعني هنا بان اللون اخضر
; نهاية القيمة و هي الفاصلة بين خاصية و آخرى
و بهذا نكون قد عرفنا كيف نكتب كود الcss املي انكم استفدتم من هذا الشرح و القاكم انشاء الله في الدرس المبقل
و سنناقش فيه اوامر هامة لنكمل طريقنا لاحتراف لغة الcss .
ان كان عندكم اية سؤال فمربع التعليقات موجود بالاسفل
الدرس التالي من هنا
