الدرس مفصل الثاني في CSS (دورة تعلم البرمجة)

[Chakira]

http://www.dzbatna.com/images/icons/icon18.gif ط§ظ„ط¯ط±ط³ ط§ظ„ط«ط§ظ†ظٹ ظپظٹ CSS (ط¯ظˆط±ط© طھط¹ظ„ظ… ط§ظ„ط¨ط±ظ…ط¬ط©) (http://www.dzbatna.com/t1889912/)




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


في تكملة للدروس السابقة من الدورة ، سنستكمل معكم اليوم درس مفصل آخر من دروس الCSS اليوم درس مفصلنا سيكون عن العديد من التقنيات الموجودة


في العملاقة CSS وبعض المعلومات عنها


لا أظن ان موقعي هو أول موقع يقدم دروس في CSS فالإخوة في ديزاد باتنة وسوالف ما شاء الله جهد في تقديم الدروس .


والمميز معنا ان شاء الله تقديم دروس إحترافية في CSS 3 منها الأنيميشن والخطوط والحواف الدائرية وبعض الخواص الأخري التي سنتعرف عليها

في الدروس القادم ان شاء الله .

تعلمنا في الدرس مفصل السابق الطرق المستخدمة في كتابة أكواد الCSS الآن سنتعلم كتابة أكواد الCSS وإستخدامها في صفحة الHTML

في البداية كما قلت في الدرس مفصل السابق سنستخدم طريق External لذلك قم بعمل ملف جديد وسميه مثلاً test.css وآخر وسميه test.html

في البداية سوف نذهب في جزء الhead في ملف الhtml ونقوم بعمل تضمين لملف السي اس اس عن طريق الكود code التالي

<link href=&quot;test.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; />
ثم نذهب الآن لجزء الCSS


كما قلنا في الدرس مفصل السابق يوجد خاصتين في HTML لتمييز كل جزء في الصفحة .

الكلاس والآي دي ، وتعلمنا كيفية إسناد أي منهما إلي اي جزء في الصفحة وقمنا بالتطبيق علي h1

الآن لنذهب في صفحة الhtml ونضع كود code تجريبي لنختبر عليه السي اس اس ، ونضع مثلاً هذا الكود code :
<h1>THEDEVDOT.COM</h1>
الآن نذهب إلي ملف السي اس اس ونركز علي الجزء القادم

في الCSS النقطة تعني كلاس وال# يعني آي دي

أي مثلاً لو أردنا إعطاء خواص لكلاس معين سنكتب هكذا :

.class

وأي دي :

#id

وفي حالة أنك أردت ان تعطي خواص لوسم معين مثلاً ديف ، تقوم بكتابة إسم الوسم فقط هكذا مثلاً :

h1

وبعد تحديد النوع سواء كان اي دي او كلاس او وسم نقوم بوضع هذه الأقواس

{}

وبينهما نضع كل خواص الشئ الذي حددناه ، مثلاً:

h1{

هنا الخواص

}

هكذا انت تعطي الh1 خواص محددة

ما هي هذه الخواص .

الخواص كثيرة جداً جداً ، سنتعرف علي القليلة منها المستخدمة بكثرة .

أشهرها التحكم بالخطوط ، الآن نضع أول شئ كود code تحديد الh1

h1{ }
الآن نضع الخواص بداخل ومثلاً خاصية تسمي font-size وهي تتحكم بحجم الخط

نكتب إسمها بين الأقواس ونضع نقطتين هكذا فوق بعضهما .

:

ثم نضع قيمة الخاصية ولنفرض 14px ثم لننهي السطر او الخاصية نستخدم الفاصلة المنقوطة كما في البي اتش بي

;

اذن الكود code النهائي سيكون :

h1{ font-size:14px; }
هكذا ننتهي من درس مفصل اليوم الدرس مفصل القادم سنشرح طريقة المزيد من الخواص وبعض خواص الCSS3

ولا تنس معاينة الكود code ! http://www.thedevdot.com/wordpress/wp-content/plugins/fckeditor-for-wordpress-plugin/ckeditor/plugins/smiley/images/thumbs_up.gif

أتمني ان يكون شرح طريقةي بسيطاً ومفهوماً ،

بالتوفيق .





المصدر : الدرس مفصل الثاني في لغة CSS | نقطة مطور (http://www.thedevdot.com/wordpress/?p=100)







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©