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

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

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

PHP كود:

<html>
<head>
<title>عنوانtitle>
head>
<body>

عنوان أولfont>p>

عنوان ثانيfont>p>

عنوان ثالث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>

body>
html>

وين الردود

مشكوووووور

لا داعي للشكر

» تعلم CSS بسهولة (2)
» تعلم CSS بسهولة (3)
» تعلم CSS بسهولة (4)
» هل تعلم ؟؟؟؟4
» هل تعلم ؟؟؟؟3