ماهو الـ CSS مقدمة ونظرة عامة

m.o.h.a.m.m.a.d

m.o.h.a.m.m.a.d: ابـــو العــــــــــــــــــــــــــز; عدد المشاركات : 347
العمر : 29
المزاج :
الجنس :
العمل/الترفيه : التصميم
sms : i love you

مساهمة رقم 1

ماهو الـ CSS مقدمة ونظرة عامة

مُساهمة من طرف m.o.h.a.m.m.a.d الثلاثاء يونيو 30, 2009 1:12 am

لـ CSS هو عبارة
عن طريقة اضافية تنظم بها تنسيق الصفحات
بطريقة سهلة ومرنة وتمكنك من عمل الكثير
من الأشياء دون التغيير فى اكواد الـ HTML - فى هذا الدرس سنتعلم
التالى

طريقة صياغة اكواد CSS
تحديد العنصر الذى سيطبق عليه التنسيق SELECTOR
الخصائص Properties
كيفية تطبيق اكواد الـ CSS فى الـ XHTML

(لكن يجب ان
تكون درست دورة الـ HTML قبل البدأ فى هذه الدورة)
على بركة الله نبدأ

1.
طريقة صياغة اكواد CSS

اكواد الـ CSS تصاغ بالشكل التالى
محتوى مخفي

كود:

Spoiler:

حيث div هو العنصر الذى
سيتم تطبيق كود الـ CSS عليه (Selector)
والـ font-size
هى الخاصية
(Property), اى الجزء الذى نريد التعامل معه او إعداداه داخل العنصر
20px هى
قيمة الخاصية (Value)

2. تحديد العنصر الذى سيطبق عليه التنسيق
SELECTOR

الـ Selector هو عبارة عن تحديد الجزء الذى سيتم تطبيق الإعدادات
عليه
كما سبق وقلنا.

هناك ثلاث انواع للـ Selector

الـ html
selector والذى نحدد به اوسمة من اوسمة الـ html الأساسية
كالـ div و span و p
الخ.
كامثال

كود:

والنوعان الأخران هما الـ id's والـ
classes

الـ id يتم وضعها فى عناصر الـ html بالشكل التالى

كود:

(حيث span_id هى الـ id لهذا العنصر, ولا
يشترط اسم محدد, المهم ان يكون هذا الأسم متوافق مع معايير قيم الخصائص التى
تعلمتها فى الـ html)
ويتم الوصول لهذا العنصر فى الـ css بالشكل
التالى

كود

[center]

والـ classes
يتم وضعها فى الـ html بالشكل التالى

كود:

ونتعامل معها فى الـ css
بالشكل التالى

كود:

اذا ماذا اذا
كان لدينا الثلاث عناصر التاليين

كود:
>

main body
text

one line text
here

here is an
paragraph

مع خالص تحياتي لكم

[/center]