بسم الله الرحمن الرحيم
آخواني أعضاء آحييكم بتحية الإسلام ... [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أقدم لكم اليوم شرح كامل ووافي عن لغة C S S المساعدة للغة H T M L واتمنى من الله ان يوفقني في هذا الشرح ...
نبدأ بذكر الله ...
مقدمة عن لغة C S S :
هي لغة موازية للغة H T M L , ويمكنك إنشاء صفحة إفتراضية منها .
أهمية لغة C S S :
لنفرض عزيزي المتعلم , أن لديك 1000 صفحة من صفحات H T M L , وترغب في تعديل الخلفية لتلك الصفحات الألف , أليس ذلك مجهداّ لك , ولكن مع لغة C S S ليس كذلك , لأنك بهذه اللغة يمكنك تعديل 1000 صفحة من صفحات H T M L , بتعديل ملف واحد فقط , وهو ملف C S S , أليس هذا رائعاّ , ولا يأخذ من وقتك الكثير .
فوائد لغة C S S :
1 - تستطيع تعديل عدد كبير من صفحات H T M L من ملف واحد فقط .
2 - وضع شكل , لكل بيئة عمل , كجهاز الكمبيوتر , والكمبيوتر الكفي , وغيرها .
3 - تقليل حجم ملف H T M L , وذلك بعرض الخصائص في ملف C S S مستقل .
4 - التحكم الكامل بالنصوص والصور , وامكانية تغييرها بوقت قصير .
وبشكل عام , لغة C S S هي مجموعة من الأوامر مكتوبة في ملف مستقل او ضمن ملف H T M L , يمكنك من خلاله تعديل الشكل العام للصفحة الإلكترونية , بحسب بيئة العمل .
أساسيات لغة C S S :
تعد أكواد C S S مشابهه بشكل كبير لأكواد H T M L , ولذلك بعد تعلمك للغة H T M L , فسوف تكون هذه اللغة سهلة التعلم لديك .
أين أضع كود C S S :
يوضع كود C S S في الصفحة الإلكترونية بشكلين :
الاول : كود مضاف , أي يضاف من ضمن أكواد H T M L , في منطقة الرأس .
مثال على ذلك :
رمز PHP:
- الكود:
<html>
<head>
<style type="text/css">
code........
</style>
</head>
<body>
</body>
</html>
مثال على ذلك :
رمز PHP:
- الكود:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
</body>
</html>
هذا وصلى الله على سيدنا محمد
انتهى الشرح ....