تعلم CSS بسهولة (1)

**Pepo** · 2007-05-11, 06:23 AM

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

CSS بسهولة
كما أسلفت هذه التقنية تهتم بتحديد شكل وتصميم الموقع، وهذا ينطبق على الألوان والخطوط الصور الخلفية (التي تستخدم في التصميم)، ربما سيقول البعض بأن لغة HTML تفعل ذلك، وهذا صحيح، لكن هناك مشكلة تسببها لغة HTML، وهي أن شكل الموقع لا ينفصل عن محتوياته، فإذا أردت أن تقوم بتعديل أي جزء من التصميم في موقعك فستقوم بتعديل كافة ملفات HTML، وهذه عملية متعبة للمواقع الكبيرة، وهناك مشاكل أخرى، وCSS تقدم الحل لها، دعونا ننظر إلى هذا المثال:

PHP كود:
 
<html>
<head>
<title>عنوان</title>
</head>
<body>

<p><font face="Tahoma" color="#677393" size="2">عنوان أول</font></p>

<p><font face="Tahoma" color="#677393" size="2">عنوان ثاني</font></p>

<p><font face="Tahoma" color="#677393" size="2">عنوان ثالث</font></p>

</body>
</html> 

هذه الصفحة تحتوي على ثلاث فقرات تحتوي ثلاث عناوين، حددنا لكل عنوان خط Tahoma بمقياس 2 وحددنا له لوناً، الآن ستدخل CSS لتغير بعض الأمور، لا تقلق، سنقوم بشرح أوامر CSS بالتفصيل في دروس قادمة:

PHP كود:
 
<html>
<head>
<title>عنوان</title>

<style>
p {
font: 13px Tahoma;
color: #677393;
}
</style>

</head>
<body>

<p>عنوان أول</p>

<p>عنوان ثاني</p>

<p>عنوان ثالث</p>

</body>
</html> 

حسناً، أول ملاحظة قد تلاحظها أن الصفحة أصبحت أكثر بساطة وتستطيع قراءتها بسهولة، الملاحظة الثانية هي أننا أضفنا أوامر CSS بين وسمي
للأمانة منقول من غير مسموح بعرض الروابط الا بعد التسجيل و تفعيل العضوية

هنادي · 2007-10-06, 12:23 AM

رائع بارك الله بك

tassnim · 2007-10-10, 02:42 PM

مشكور اخي بيبو ... صراحة انا اريد عمل تغيرات على السكربت الذي في موقعي و عندي مشاكل مع css وهذا الموضوع راح يفيدني اكيد ان شاء الله ... بارك الله بك اخي الكريم وجزاك الله كل خير

**Pepo** · 2007-10-10, 02:49 PM

العفو اختى الغالية واشكر لك مرورك

medomashakel · 2008-01-11, 05:54 PM

السلام عليكم ورحمه الله وبركاته

شرح مبسط ومفهوم

نتمنى منك المزيد باذن الله

فلا تتوقف عند هذا الحد

**Pepo** · 2008-01-12, 04:12 AM

ان شاء الله سيكون هناك كل جديد كلما توفر المزيد من الوقت والمادة الجيدة لطرحها
وشكرا لمرورك المشجع