عن لغة Css

من طرف Psyco-Iliass 2011-06-21, 13:39

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

في هدا الموضوع سنتحدث قليلا عن Css لكونه لغة هامة من لغات البرمجة , سبق لكم التعرف على بعض اللغات المدكورة في منتدانا الكريم لكن ان لم تكن لديكم أي فكرة مسبقة أنصحكم بزيارة عدة مواضيع قدمت لكم من مجهود طاقم المنتدى .

Css كما دكرنا سابقا لغة من لغات البرمجة فادا كان HTML يقتصر على هيكل أو محتوى الصفحة , ف Css يهتم بشكلها فبفضله نضيف الألوان و نغيرالأشكال والحجوم لكنه كHTML يحتوي على عدد كبيـــر جدا من الأكواد والرموز .

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

نعلم سابقا أن HTML يبتدئ بالعنصر Body ادن بمادا يجب بدأ Css ؟

الكود:: <style> </style>

العنصران السابقان هما بداية Css لدلك لا تنسوهم . داخل هدين العنصرين نقوم بكتابة جميع عناصر Css .

الآن بعد معرفة أول خطوة لننتقل الى التالية و ان شاء الــله خطوة خطوة لنصل الى الاحترافيــة .

السؤال البديهي الآن هو كيف نعمل التغييرات التي قلت لكم عليها Shocked

سهلة , تابعوا معي ...

طبعا نعلم أننا نريد التعديل على HTML بنفسه ادن سنعدل على عناصر هدا الأخير

ما فهمتم ؟ أشرح أكثر ....

مثلا نريد تغييـــر لون عنوان من الدرجة 1 يكون كوده كالتالي :

الكود:: <body> <h1> عنوان من الدرجة 1 </h1> </body>

طبعا الآن يظهر العنوان بالمتصفح .... تمام

نريد تغيير الـلون الــى الأحمر , تابعوا ...

الكود:: <style> h1 { color : red ; font-size : 150% ; } </style>

الآن غيرت الــلون و الحجم , بالنسبة للون ممكن تكتبوه على الشكل السابق أو على شكل كـــــود , أما الحجم فبالنسبة المئوية أو بالبـيــكســل .

هدا مجرد مثـــال , أما بالنسبة للعناصر الأخرى يمكن تبديل h1 برمز العنصر المراد العمل عليه .

أدكركم بأن كود Css يأتي داااااائما قبـــل كود HTML , و أن كل خطأ بسيط قد يعرض عملكم للاتلاف و المهم أن لغة البرمجة تعتمد على اللغة الانجليزية في كتابة الأوامر .

أتمنى أن تكونوا استفدتم من هده المقدمة البسيطة و أعدكم بأعمال و تطبيقات أكثر احترافيـــــــــــة .

أخشى أننـــي سأغيب لعدة أيــام لدلك أرجوا المعدرة Crying or Very sad

لكنني أعدكم بعودة قويـــة ان شاء الــله
في انتظار ردودكم وتقييماتكم
دمـــــتم فــي رعايــــة الـــله وحفضــح
flower