(للمطورين) اول درس شرح اساسيات css

Ebrahim · 23-09-2009, 11:32 PM

السلام عليكم ورحمه الله وبركاته
نقدم شرح اساسيات css التي تساعدك في تطوير موقعك
الدرس مقدم من :- مجموعة ابداعي التطويرية - بواسطة :- ابراهيم هنداوي

محلوظة مهمه جدا :- هذا كله لايعتبر css بالكامل ولكن هذه اجزاء التي يمكن ان تستخدمها دائما في التعديل او الاضافه او حتي في اعمالنا و دروسنا القادمه و في تطويرتنا

الان نقوم بشرح بعض الاكواد الاساسيه في css

كود خاص بتغير fonts من Tahoma – Arial

كود:

font-family: Tahoma;

كود خاص بتغير font size من 11px – 12px | يفضل اولا واخيرا استخدام الاحجام هذه وهي افضل احجام الخطوط مثل الخط المكتوب به الان و هذه تستخدم عن تغير حجم الفونت في موقعك او مدونتك في ملف css الخاص بالاستايل وغالبا يكون له اسم style.css

كود:

font-size: 11px;

كود خاص بتغير لون الخط color | هذه تستخدم في تغير الوان الخطوط التي بالموقع لديك حيث انك يمكنك تغير الالوان من خلالها الي الون المفضل و اكواد الالوان يجب ان تكون هكذا

كود:

color: #FFFFFF;

كود خاص بتغير اماكن الكلام مثلا يمين – وسط – شمال | تستخدم في تغير اماكن الخطوط الي الاماكن المطلوبه تواجدها .. right – left – center

كود:

     text-align: right;

كود خاص بتغير حدود الجداول وغيرها و يسمي border | تستخدم في عمل تحديد متقتطع او كامل بشكل مميز و كامل .. ويمكن استخدامه في عمل اشكال محيطه بالكلام

كود:

      border: 1px dotted;

ويوجد انواع كثيرة من التحديد منها :- dotted – wheat – solid – inset – outset

كود خاص بتغير حجم وعرض المحتوي من مسافات او مساحات ويسمي margin| تستخدم في عمل مساحات و مسافات بين الجداول و غيرها وتنسيق الكلام و البعد بين الكلام و الجداول ولها عده استخدمات ويوجد منها الانواع الاتيه

كود:

margin: 0; 
  margin-top: 0; 
  margin-bottom: 0; 
  margin-left: 0; 
  margin-right: 0;

كود استخدام النصوص مثل الاتي (نص تحته خط – نص عادي – نص مائل) | يستخدم دائما في الروابط لانه يوجد بعض الاستايلات لا تجد خط تحت النصوص التي بها روبط او احيانا تجدها و هذة اذواق المصمم و حسب شكل الاستايل و استخدماته

كود:

    text-decoration: underline; 
  text-decoration: none;

كود الذي يستخدم في تحويل جميع اجزاء الصفحه من اليمين الي اليسار و العكس | يستخدم دائما عندما يقوم اي معرب استايل بتعريب استايل لكي يقوم بتحويل الاستايل او اجزاء منها من اليسار الي اليمين

كود:

    float: right; 
  float: center; 
  float: left;

كود الذي يستخدم في العرض او الطول width – height

كود:

      height: 60px; 
  width: 468px;

تم الانتهاء من الدرس الاول الحمد لله
و ان شاء الله لنا لقاء مع كيفيه تركيب الاكواد و استخدامها في موقعك

اول درس شرح اساسيات css

الأزهر · 24-09-2009, 01:31 AM

شكراً لك .... متابع

Ebrahim · 24-09-2009, 01:41 PM

إقتباس:

شكراً لك .... متابع

شكرا لردك اخوى الكريم بالتوفيق

عبدالله بن سعود · 26-09-2009, 02:35 AM

بارك الله فيك

M. Al-Dhafeeri · 26-09-2009, 02:40 AM

إقتباس:

المشاركة الأصلية بواسطة الأزهر

شكراً لك .... متابع

محمد حسن · 07-11-2009, 05:21 AM

متابع

المواضيع المشابهه
الموضوع	كاتب الموضوع	القسم	الردود	آخر مشاركة
اساسيات Search Engine Optimization اعرفها اذا كنت لا تعرفها !	samehzone	تقنية محركات البحث Search Engine Optimization	39	10-03-2009 09:01 PM
اساسيات و مقدمة في لغة HTML	sangam	الويب والويب 2.0 والـ Semantic Web	0	29-01-2009 01:12 AM
اساسيات انشاء موقع ...و نجاحه	m7amed	إنشاء وصيانة المواقع للمبتدئين	5	09-11-2007 07:42 PM
كيف اختبر شخص في اساسيات الهارد وير	zuhair mashat	الأخبار المتعلقة بالإنترنت والتقنية	0	18-06-2006 12:28 AM
دوره مجانيه لتعليم اساسيات الـ PHP	MaaSTaaR	الويب والويب 2.0 والـ Semantic Web	32	26-08-2004 05:22 PM

أدوات الموضوع
مشاهدة نسخة مطبوعة إرسال هذه الصفحة