الطريقة الاولى في ملف css.
يتم كتابة الخصائص في ملف منفصل يتميز بالإمتداد css. ( إمتداد ملف CSS هو css. ) ، هذه الطريقة هي الأفضل لأنك تتجنب بها تخليط الأكواد و تعقيد صفحتك .
الطريقة الثانية لإدخال خصائص CSS في صفحات HTML : تركز هذه الطريقة على إدخال الخصائص في عنصر <style> داخل رأس الصفحة <head> .
سنحصل على نفس النتيجة السابقة تماما :
- CSS Selector مثال على ذالك :
body {}
header {}
nav {}
section {}
article {}
aside {}
footer {}
....
- Css Class مثال على ذالك :
<h3 class="A"></h3>
.A {}
نضع دائما نقط قبل اسم ال class
<h3 id="B"></h3>
#B {}
نضع دائما # قبل اسم ال id
* selector > p Child Selector
ul > li { margin: 0 0 5px 0; }
p + p { margin: 0; }
* selector ~ p General Sibling
tr > td:last-of-type{
color: red;
}
<body>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
</body>
مسموح بنقل الموضوع بشرط ذكر المصدر :
الدرس الاول : طريقة كتابة ال CSS
|
مكتبتي حياتي
