http://www.dzbatna.com/images/icons/icon18.gif ط§ظ„ط¯ط±ط³ ط§ظ„ط«ط§ظ†ظٹ ظپظٹ CSS (ط¯ظˆط±ط© طھط¹ظ„ظ… ط§ظ„ط¨ط±ظ…ط¬ط©)
السلام عليكم ورحمة الله وبركاته .
في تكملة للدروس السابقة من الدورة ، سنستكمل معكم اليوم درس مفصل آخر من دروس الCSS اليوم درس مفصلنا سيكون عن العديد من التقنيات الموجودة
في العملاقة CSS وبعض المعلومات عنها
لا أظن ان موقعي هو أول موقع يقدم دروس في CSS فالإخوة في ديزاد باتنة وسوالف ما شاء الله جهد في تقديم الدروس .
والمميز معنا ان شاء الله تقديم دروس إحترافية في CSS 3 منها الأنيميشن والخطوط والحواف الدائرية وبعض الخواص الأخري التي سنتعرف عليها
في الدروس القادم ان شاء الله .
تعلمنا في الدرس مفصل السابق الطرق المستخدمة في كتابة أكواد الCSS الآن سنتعلم كتابة أكواد الCSS وإستخدامها في صفحة الHTML
في البداية كما قلت في الدرس مفصل السابق سنستخدم طريق External لذلك قم بعمل ملف جديد وسميه مثلاً test.css وآخر وسميه test.html
في البداية سوف نذهب في جزء الhead في ملف الhtml ونقوم بعمل تضمين لملف السي اس اس عن طريق الكود code التالي
ثم نذهب الآن لجزء الCSS
كما قلنا في الدرس مفصل السابق يوجد خاصتين في HTML لتمييز كل جزء في الصفحة .
الكلاس والآي دي ، وتعلمنا كيفية إسناد أي منهما إلي اي جزء في الصفحة وقمنا بالتطبيق علي h1
الآن لنذهب في صفحة الhtml ونضع كود code تجريبي لنختبر عليه السي اس اس ، ونضع مثلاً هذا الكود code :
THEDEVDOT.COM
الآن نذهب إلي ملف السي اس اس ونركز علي الجزء القادم
في الCSS النقطة تعني كلاس وال# يعني آي دي
أي مثلاً لو أردنا إعطاء خواص لكلاس معين سنكتب هكذا :
.class
وأي دي :
#id
وفي حالة أنك أردت ان تعطي خواص لوسم معين مثلاً ديف ، تقوم بكتابة إسم الوسم فقط هكذا مثلاً :
h1
وبعد تحديد النوع سواء كان اي دي او كلاس او وسم نقوم بوضع هذه الأقواس
{}
وبينهما نضع كل خواص الشئ الذي حددناه ، مثلاً:
h1{
هنا الخواص
}
هكذا انت تعطي الh1 خواص محددة
ما هي هذه الخواص .
الخواص كثيرة جداً جداً ، سنتعرف علي القليلة منها المستخدمة بكثرة .
أشهرها التحكم بالخطوط ، الآن نضع أول شئ كود code تحديد الh1
h1{ } الآن نضع الخواص بداخل ومثلاً خاصية تسمي font-size وهي تتحكم بحجم الخط
نكتب إسمها بين الأقواس ونضع نقطتين هكذا فوق بعضهما .
:
ثم نضع قيمة الخاصية ولنفرض 14px ثم لننهي السطر او الخاصية نستخدم الفاصلة المنقوطة كما في البي اتش بي
;
اذن الكود code النهائي سيكون :
h1{ font-size:14px; } هكذا ننتهي من درس مفصل اليوم الدرس مفصل القادم سنشرح طريقة المزيد من الخواص وبعض خواص الCSS3
أتمني ان يكون شرح طريقةي بسيطاً ومفهوماً ،
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
