أنت في : الرئيسية :: CSS :: موضوع: دورة أساسيات css

الدكتور نت

السلام عليكم

منذ العام 1999م و نحن نحاول الارتقاء بالمصمم و المطور العربي عبر إضافة دروس و مقالات و دروات لتساعده على إنشاء و تطوير موقعه . لو كنت أحد هؤلاء و أحببت مساعدتنايمكننا أن ندلك على عدد من الأمور التي يمكنك القيام بها لمساعدتنا اضغط هنا و أقرأ أكثر عن الموضوع ..

دورة أساسيات css

بقلم: الدكتور نت مواضيع أخرى لنفس المحرر الدكتور نت

◄ حول الموضوع

فهرس الموضوع

وصف الموضوع

أساسيات التعامل مع css و إنشاء أوراق الأنماط ( مرجع لأكثر الخصائص انتشارا و القيم المحتملة لها )

أرسل لصديق طباعة أضف للمفضلة صل للموضوع

◄مقدمة

CSS (cascading style sheet)
يسمح لك بفصل المحتوى و (x)html من النمط و الشكل .بمعنى آخر نحن نستخدم الxhtml لتنظيم المحتوى و لكن شكل المحتوى من اللون … الإطارات .. لون و حجم الخط .. شكل الوصلات و غيرها …
هي مجموعة من الأوامر و التي توضح للمتصفح كيفيه رسم أو إظهار عناصر الصفحة .
تم إضافتها في HTML 4.0
يمكن تضمينها داخليا في ملف html أو خارجية في ملف خارجي يحمل الامتداد css

تضمين ال CSS

تضمين داخلي

يتم تضمينه بين الوسمين و

[css]

<head>

<style type=”text/css”>
نضع الأنماط هنا ….
</style>
</head>

[/css]

تضمين خارجي

و ذلك بوضع جميع تعريفات css داخل ملف يحمل امتداد css و من ثم في ملف html نضع رابط للملف في منطقة الhead عن طريق الوسم

[css]

<link rel=”stylesheet” type=”text/css” href=”file.css” />

أو

@import url(file.css)

[/css]

و استبدل file.css بمكان و اسم ملف النمط الذي أنشأته.

الأفضلية حسب اعتقادي للطريقة الثانية ..

ففي طريقة التضمين الأولى أنت تضع الاوسمة في ملف الhtml نفسه و بالتالي عتد التعديل عليك فتح كل ملف و تعديله أما تضمين الملف الخارجي فعليك فقط تعديل ملف css و ينتطبق التعديل على الكل فبالتالي أنت توفر الوقت …
أنت تقلل من حجم الملفات
نقلل من استخدام Bandwidth

المتصفحات

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

مصطلحات

Statements الأوامر : هي البيانات أو الأوامر التي يحتوي عليها ملفات css
rules القواعد : هي نوع من الأوامر Statement و التي تستخدم غالبا .. و هي تنقسم إلى
Selector العنصر المختار : يخبر المتصفح أي عنصر في الصفحة h1 او h2 أو table …. الخ … سينطبق عليه هذه القواعد ..
declaration بيان : و التي تحدد الخواص Properties التي تحدد شكل العنصر مثل اللون و الخط و الحجم .. الخ