الأنماط
تحديد نمط عنصر HTML ، يمكن القيام به مع سمة الأنماط.
تحتوي سمة نمط HTML على بناء الجملة التالي:
<tagname style="property:value;">الخاصية هي خاصية CSS. القيمة هي قيمة CSS.
سوف تتعلم المزيد عن CSS لاحقًا في هذا البرنامج التعليمي.
لون الخلفية
تحدد خاصية لون خلفية CSS لون الخلفية لعنصر HTML.
يعين هذا المثال لون الخلفية للصفحة إلى powderblue:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>لون الخط
تحدد خاصية اللون CSS لون النص لعنصر HTML:
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>الخطوط
تحدد خاصية عائلة الخط CSS الخط الذي سيتم استخدامه لعنصر HTML:
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>حجم الخط
تحدد خاصية حجم خط CSS حجم النص لعنصر HTML:
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>محاذاة النص
تحدد خاصية محاذاة النص CSS محاذاة النص الأفقي لعنصر HTML:
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>ملخص الفصل
- استخدم سمة الأنماط لتصميم عناصر HTML
- استخدام background-color للون الخلفية
- استخدام color لألوان النص
- استخدم font-family لخطوط النص
- استخدم font-size لأحجام النص
- استخدم text-align لمحاذاة النص
One Comment