الدرس مقدم من :- مجموعة ابداعي التطويرية – بواسطة :- ابراهيم هنداوي

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

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

شرح تكوين كود لمستطيل و بداخله كلمات .. متختلفه | هنا يستخدم عند صفحات الخطأ عند كتابه ملاحظات او كتابه شئ مهم للغايه و لها استخدمات كثيرة

اولا و من الاساسيات ان نقوم باستخدام الاكواد التي في الدرس السابق و قبل البدأ نقوم باضافه السطر الاتي
.textbox { } الكود الاتي .textbox و هو المقصود به اسم الجدول … و القوسان {} بيضاف بينهما اكود css التي ذكرت في الدرس الاول

شرح تكوين كود المستطيل و كيفيه تنفيذ الكود | الان شرح كيف انشاء الكود و كيفيه التركيب


.textbox{
font-family: Tahoma;
font-size: 11px;
color: #000000;
text-align: center;
border: 1px dotted #ff0000;
background:#cccccc none repeat scroll 0 0;
width: 500px;
}

وهذا هو شكل الكود الاخير بعد ولمعرفه اكثر الاكواد التي بالداخل يمكنك زيارة الموضوع التالي (الدرس الاول)

طريقه التركيب علي صفحه HTML او PHP هو الاتي

<div class=”texebox”> هنا محتوي المستطيل</div>

هنا تقوم باضافه او استخدام الكود في الموقع او في ملف HTML و الكود السابق يضاف الي ملف style.css

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

تم الانتهاء بحمد الله تعالي من الدرس الثاني و الاخير

نتلقي في دروس اخري و تطويريه من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;

تم الانتهاء من الدرس الاول الحمد لله

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