الويب العربي - ثاني درس تكوين كود css

السلام عليكم ورحمه الله وبركاته

نقدم شرح تكوين كود css التي تساعدك في تطوير موقعك

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

محلوظة مهمه جدا :- هذا كله لايعتبر 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