Monday, March 10, 2014

ماهو الفرق بين class و id ؟

ماهو الفرق بين class و id ؟

لقد تطرقنا في الدروس السابقة الى الوسوم وكيفية التكويد لكن صادفتنا مشكلة التنسيق فاستعملنا CSS لكن لنستعمل هذا التنسيق بشكل منسق وافصل لابد من استمعل مصطلحين شائعيين وهما class و id.
لكن الكثير منا يستعمل المصطلحين ولا يعرف كيفية التعامل معهما ولا الفرق بينهما لذا تابع الشرح معنا.
أولا الفرق بين هذين المصطلحبن:
كل id يمكنك استخدامه مرة واحدة في الصفحة الواحدة.
أما الـ class فتستخدمه في أكثر من مكان .
وللتوضيح أكثر:

CSS

<style>

h2{

text-align:center;

color:#0000aa;

}

#cont1{

background-color:#aa0000;

font-size:36px;

text-align:right;

font-family:tohoma;

font-c

}

#cont2{

background-color:#00aa00;

font-size:36px;

text-align:right;

font-family:tohoma;

}

.header{

background-color:#00aa00;

font-size:16px;

text-align:right;

}

.imag{

display: block;

margin-left: auto;

margin-right: auto;

high:200px;

width:300px;

}

</style>

HTML

<p class="header"><a href="#">وصلة رئيسية أفقية</a>

<p class="header"><a href="#">وصلة رئيسية أفقية</a>

<p class="header"><a href="#">وصلة رئيسية أفقية</a>

<p class="header"><a href="#">وصلة رئيسية أفقية</a>

<div class="header">

<p><a href="#">وصلة رئيسية أفقية</a>

<p><a href="#">وصلة رئيسية أفقية</a>

<p><a href="#">وصلة رئيسية أفقية</a>

<p><a href="#">وصلة رئيسية أفقية</a>

</div>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB1uFzrYyCg5UOVohrVynKneHPxZ155D1s4KQu59g1kwK-osR38vI_IBrlM66gCqz8pGzDZ70VlGR2yxQn_3S5e_0Czo4VBl1BWQD93C_fTxG3be2HRN32FcQdX24W-RWrPX2KZWBoNmmO/h120/3.jpg" class="imag">

<div id="cont1">

<h2> !CSS في class و id ماهو الفرق بين</h2>

</div>

<div id="cont2">

<h2> !HTML في class و id ماهو الفرق بين</h2>

</div>

لكن لاتستطيع أن تنشئ id واحد وتضعه لعدة وسوم .... لو فعلت ذلك ستظهر النتيجة مناسبة..
لكن هذا خطأ وينبغي ان نضع كل وسم وخاصية في مكانها الصحيح.
جاري العمل على 2/3 3/3 من الدروس انتظرونا

دعواتك لنا.......................

المحترفون للبرمجة بـ HTML