تعد أوراق الأنماط أداة مهمة لإنشاء صفحات ويب ممتعة وعملية من الناحية الجمالية. أنها تسمح للمطورين للسيطرة على مظهر عناصر هتمل مثل النص والخلفية والخط ، وأكثر من ذلك. الأداة الرئيسية المستخدمة لإنشاء أوراق الأنماط هي علامة النمط العام.
باستخدام سمات اللون والخلفية والخط ، يمكننا تغيير مظهر العناصر المختلفة. تسمح لك سمة اللون بتعيين لون النص أو الخلفية ، وتسمح لك سمة الخلفية بتعيين صورة الخلفية أو لون الخلفية للعنصر.
تتيح لك سمة الخط تعيين خصائص خط مختلفة ، مثل الحجم واللون والوزن وما إلى ذلك. على سبيل المثال ، يمكننا تغيير حجم النص باستخدام خاصية "حجم الخط" واللون باستخدام خاصية "اللون". بالإضافة إلى ذلك ، يمكنك تطبيق تأثيرات مختلفة على النص ، مثل التسطير أو يتوسطه خط أو غامق أو مائل.
علامة النمط هي أداة قوية لتصميم صفحات الويب باستخدام كس. يسمح لنا بإنشاء تصميمات ويب جميلة وحديثة باستخدام مجموعة متنوعة من الأساليب والألوان والخطوط. بالإضافة إلى ذلك ، يسمح لك بتعيين أنماط مشتركة للموقع بأكمله ، مما يبسط عملية التطوير ويسرعها إلى حد كبير. وبالتالي ، فإن علامة النمط العالمي هي أداة مهمة لكل مطور ويب.
- أوراق الأنماط: سمات اللون والخلفية والخط
- الألوان في أوراق الأنماط
- سمات الخلفية في أوراق الأنماط
- سمات الخط في أوراق الأنماط
أوراق الأنماط: سمات اللون والخلفية والخط
تسمح لك سمة اللون بتعيين لون النص. للقيام بذلك ، يتم استخدام خاصية اللون في ورقة الأنماط. على سبيل المثال:
ص {
اللون: أحمر;
}
تسمح لك سمة الخلفية بتعيين لون الخلفية لعنصر ما. يتم استخدام خاصية لون الخلفية لهذا الغرض. على سبيل المثال:
الجسم {
الخلفية اللون: ليتبلو;
}
| تسمح لك سمة الخط بتعيين معلمات الخط مثل النوع والحجم ومحتوى الدهون. يتم استخدام خصائص عائلة الخط وحجم الخط ووزن الخط لهذا الغرض. على سبيل المثال: | |
|---|---|
| ح1 { | |
| الخط الأسرة: أريال ، بلا الرقيق; | حجم الخط: 24 بكسل; |
| وزن الخط: غامق; | } |
اللون
أحمر
الأخضر
#0000
- أخضر,
قيم رغب تسمح لك لتحديد كمية الأحمر والأخضر والأزرق في اللون. يتم تحديد القيم في النطاق من 0 إلى 255. على سبيل المثال,
لون الخلفية
.
أمثلة على استخدام الألوان في أوراق أنماط هتمل:
في المثال أعلاه
، سمة اللون
يحدد اللون الأحمر للنص في
عنصر ف
، السمة
لون الخلفية
تعيين لون الخلفية الخضراء للمستند بأكمله ، السمة
الحدود
يحدد حدود الجدول باللون الأحمر.
باستخدام ألوان مختلفة ، يمكنك إنشاء أوراق أنماط أنيقة ومعبرة في هتمل.