الشبح
03-05-2010, 03:58 صباحاً
السلام عليكم ورحمة الله
اليوم الدرس 8 من تقنيات css اهداء خاص الى ابو حنين
الدرس يتطلب معرفة بسيطة بلغة <html>
العنصران <span> و<div> يستخدمان لجمع العناصر وإنشاء هيكلية للوثائق وهما يستخدمان معاً مع الخاصيتين class وid.
في هذ االدرس، سنلقي نظرة عن قريب على استخدام <span> و<div> لأنهما العنصران الأكثر أهمية عندما تتعامل مع CSS.
التجميع بالعنصر <span>
التجميع بالعنصر <div>
التجميع بالعنصر <span>
العنصر <span> هو ما يمكن أن تسميه العنصر المحايد والذي لا يضيف شيئاً للوثيقة نفسها، لكن مع CSS <span> يمكن استخدامه لإنشاء مؤثرات على أجزاء محددة من النص في الوثائق.
<p>شبكة مرسى الفي بي
</p>لنقل أننا نريد أن نؤكد
<p>mrsavb forum mr.ghost
<span class="benefit">mr.ghost</span>,
<span class="benefit">mrsavb</span>
and <span class="benefit">abou 7nin</span>.</p>وامر CSS المتعلقة بالمثال:
span.benefit {
color:red;
}
بالطبع يمكنك استخدام المعرف id لإضافة الألوان على <span> لكن تذكر أن استخدام المعرف يجب أن يكون لمرة واحدة في الصفحة الواحدة، لذلك في المثال أعلاه عليك أن تستخدم ثلاث معرفات متميزة لكل <span> كما تعلمت في الدرس الماضي.
التجميع بالعنصر <div>
العنصر <span> يستخدم في العناصر كما رأيت في المثال السابق، العنصر <div> يستخدم لتجميع العناصر.
هذا هو الاختلاف الوحيد، تجميع العناصر باستخدام <div> يعمل بنفس الطريقة، لنلقي نظرة على مثال لقائمتين
<div id="democrats">
<ul>
<li>خادم الاسلام</li>
<li>احساس ميت</li>
<li>الشبح</li>
<li>عبد الله ابراهيم</li>
<li>مطلوب</li>
<li>فيروس خائف</li>
</ul>
</div>
<div id="republicans">
<ul>
<li>melogendy7</li>
<li>نزف المشاعر</li>
<li>عماد مسعد</li>
<li>mr.hamada</li>
<li>بوسعد</li>
<li>احساس</li>
</ul>
</div>
سامحوني اذا نسيت حد
في ملف CSS سنستخدم التجميع كما في المثال أعلاه بنفس الطريقة
#democrats {
background:blue;
}
#republicans {
background:red;
}
في الأمثلة لاسابقة استخدامنا <div> و<span> بشكل بسيط جداً، بتعديل لون الخلفية والنص، يمكن للعنصرين أن يقدما الكثير من الإمكانيات المتقدمة، على أي حال، لن نتحدث عن هذا حالياً، سنتناول هذا الموضوع لاحقاً في.
الشبح
شبكة مرسى الفي بي
css reveloution
only here
:d
greetings to all mrsavb forum
memmbers
ghost
نحن نجدد التفكير لنولد التطوير
السلام عليكم
اليوم الدرس 8 من تقنيات css اهداء خاص الى ابو حنين
الدرس يتطلب معرفة بسيطة بلغة <html>
العنصران <span> و<div> يستخدمان لجمع العناصر وإنشاء هيكلية للوثائق وهما يستخدمان معاً مع الخاصيتين class وid.
في هذ االدرس، سنلقي نظرة عن قريب على استخدام <span> و<div> لأنهما العنصران الأكثر أهمية عندما تتعامل مع CSS.
التجميع بالعنصر <span>
التجميع بالعنصر <div>
التجميع بالعنصر <span>
العنصر <span> هو ما يمكن أن تسميه العنصر المحايد والذي لا يضيف شيئاً للوثيقة نفسها، لكن مع CSS <span> يمكن استخدامه لإنشاء مؤثرات على أجزاء محددة من النص في الوثائق.
<p>شبكة مرسى الفي بي
</p>لنقل أننا نريد أن نؤكد
<p>mrsavb forum mr.ghost
<span class="benefit">mr.ghost</span>,
<span class="benefit">mrsavb</span>
and <span class="benefit">abou 7nin</span>.</p>وامر CSS المتعلقة بالمثال:
span.benefit {
color:red;
}
بالطبع يمكنك استخدام المعرف id لإضافة الألوان على <span> لكن تذكر أن استخدام المعرف يجب أن يكون لمرة واحدة في الصفحة الواحدة، لذلك في المثال أعلاه عليك أن تستخدم ثلاث معرفات متميزة لكل <span> كما تعلمت في الدرس الماضي.
التجميع بالعنصر <div>
العنصر <span> يستخدم في العناصر كما رأيت في المثال السابق، العنصر <div> يستخدم لتجميع العناصر.
هذا هو الاختلاف الوحيد، تجميع العناصر باستخدام <div> يعمل بنفس الطريقة، لنلقي نظرة على مثال لقائمتين
<div id="democrats">
<ul>
<li>خادم الاسلام</li>
<li>احساس ميت</li>
<li>الشبح</li>
<li>عبد الله ابراهيم</li>
<li>مطلوب</li>
<li>فيروس خائف</li>
</ul>
</div>
<div id="republicans">
<ul>
<li>melogendy7</li>
<li>نزف المشاعر</li>
<li>عماد مسعد</li>
<li>mr.hamada</li>
<li>بوسعد</li>
<li>احساس</li>
</ul>
</div>
سامحوني اذا نسيت حد
في ملف CSS سنستخدم التجميع كما في المثال أعلاه بنفس الطريقة
#democrats {
background:blue;
}
#republicans {
background:red;
}
في الأمثلة لاسابقة استخدامنا <div> و<span> بشكل بسيط جداً، بتعديل لون الخلفية والنص، يمكن للعنصرين أن يقدما الكثير من الإمكانيات المتقدمة، على أي حال، لن نتحدث عن هذا حالياً، سنتناول هذا الموضوع لاحقاً في.
الشبح
شبكة مرسى الفي بي
css reveloution
only here
:d
greetings to all mrsavb forum
memmbers
ghost
نحن نجدد التفكير لنولد التطوير
السلام عليكم