دورة CSS (( الدرس مفصل الثالث ))
http://www.dzbatna.com/images/icons/iconrote.gif ط¯ظˆط±ط© CSS (( ط§ظ„ط¯ط±ط³ ط§ظ„ط«ط§ظ„ط« ))
السلام عليكم
آسف على التأخر و ذلك لإنشغالي ببرمجيات PHP و لكن ها أنا عدت
عناصر الدرس مفصل :
1 - وسوم HTML .
2 - خصائص الوسوم .
3 - وسم Body .
4 - وسم P .
5 - وسم H .
وسوم HTML
الوسم :
مثال على الوسم :
رمز PHP:
<p align="center" color="#FF0000">We Are Learning CSSp>
سأعرف الوسم :
الوسم هو هذا : <p> و يجب أن يغلق الوسم عن طريق وضع نفس الوسم و لكن وضع علامة رمز Code:
/
قبل اسم الوسم في الإغلاق .
خصائص الوسوم : رمز PHP:
<p align="center" color="#FF0000">We Are Learning CSSp>
إن خصائص الوسوم هي إضافات على الوسم فمثلا ما بين وسمي P يطبع في المتفصح فالكود code في الاعلى يطبع We Are Learning CSS
و في خط صغير و أسود
و لكن يوجد ما يعرف بالخواص لتغيير لون الخط و حجم الخط و محاذاة الخط
و الخواص توضع في وسم الفتح لا في وسم الإغلاق
فبعد فتح الوسم ضع مسافة ثم ضع الخاصية
وسم Body
ما بين وسم بودي هو الذي يوضع بالصفحة
فإذا وضعت وسم P للكتابة بين وسمي head فلن يكتب ما بين وسمي P في المتصفح
و لوسم Body عدة خصائص أهمهاا لون الخلفية كالتالي :
رمز PHP:
<body bgcolor="#FF0000">body>
و تكثر خواصه في حين استخدام بعض دوال الجافا سكربت ..
الوسم P
إن الوسم P كما ذكرت لطباعة جملة joomla في المتصفح و هذه أهم خواص الوسم P :
class : يستخدم في CSS
id : لتعريف الوسم و يستخدم في CSS و جافا سكربت
title : حين وضع الماوس على الكلام المكتوب يظهر ما بين خاصية title .
dir : لتحديد الإتجاه إن كان يمينا أو شمالا .
lang : تستخدم لتعيين ترميز .
الوسم H
إن الوسم H لا يعمل لوحده بل عند إضافة رقم عنده
و الأرقام المسموح بها من الواحد إلى الستة
الواحد هو أكبر خط و إلى الستة يقل تدريجيا
و كمثال :
رمز PHP:
<H1>
<H2>
<H3>
<H4>
<H5>
<H6>
و لا تختلف خواصها عن خواص الوسم P
اتمنى أنني وفقت في شرح طريقة الدرس مفصل و سنلاقيكم في الدرس مفصل القادم إنشاءالله
تحياتي ...
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©