ثاني درس تكوين كود css

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

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

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

css logo

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

http://www.abda3y.com/blog/2009/09/%D8%A7%D9%88%D9%84-%D8%AF%D8%B1%D8%B3-%D8%B4%D8%B1%D8%AD-%D8%A7%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA-css/

عن الكاتب ابراهيم هنداوي

2 تعليق على “ثاني درس تكوين كود css”
  1. ابراهيم هنداوي يقول:

    تجربه تعليق جديد :)

  2. windows يقول:

    waaw


أخبرنا برأيك...
في حال رغبت بظهورة صورة امام تعليقك اشترك في موقع جرافاتر!