العنوان 1 هو أكبر عنصر في العناوين ويتم تمييزه بحجم أكبر وخط غامق.
يتم تعريف الخط الافتراضي لرؤوس المستوى 1 في رمز كس ، ولكن في بعض الأحيان تحتاج إلى تغيير أسلوبه وفقا لتصميم الموقع أو متطلبات المحتوى.
يتم تغيير نمط الخط إلى العنوان 1 عن طريق تطبيق خصائص كس مثل حجم الخط لتعيين حجم الخط ووزن الخط لتعيين معلمات السمنة.
يجب استخدام نمط الخط هذا بحذر ، نظرا لأن الأحجام الكبيرة جدا ومحتوى الدهون يمكن أن يسبب جمالية ويثقل كاهل المستخدم بالمعلومات.
في هذه المقالة ، سنلقي نظرة على إرشادات خطوة بخطوة حول كيفية تغيير نمط الخط إلى العنوان 1 على موقع الويب الخاص بك أو تطبيق الويب.
- تغيير نمط خط العنوان 1
- اختيار الخط الأنسب
- تحديد حجم ومحاذاة الرأس
- تخصيص لون وتصميم العنوان
تغيير نمط خط العنوان 1
الخطوة 1: حدد نمط الخط المطلوب للعنوان 1. يمكنك استخدام قيم مثل" أريال "أو" تايمز نيو رومان " أو أي خط آخر متاح لمتصفح الويب.
الخطوة 2: تحديد نمط الرأس 1 في كس
تضمين التعليمات البرمجية التالية في قسم من المستند أتش تي أم أل أو إنشاء منفصلة .ملف المغلق وإضافته إلى صفحة ويب.
ح1 {
عائلة الخط: أسلوبك المقتصد;
/ * خصائص نمط أخرى ، إذا لزم الأمر */
}
استبدل نمط الخط الخاص بك بنمط الخط الذي تختاره.
الخطوة 3: تطبيق نمط رأس 1 إلى رمز هتمل الخاص بك
في شفرة هتمل ، ابحث عن العنوان 1 وأضف سمة الفئة باسم الفئة التي تحددها في كس.
العنوان 1
استبدال اسم_الطبقة مع اسم الفئة التي تقوم بتعريفها في كس لنمط رأس 1.
افتح صفحة الويب الخاصة بك في مستعرض ويب وتأكد من أن نمط خط العنوان 1 قد تغير وفقا للنمط المحدد.
عند اختيار نمط خط للعنوان 1 ، من المهم مراعاة سهولة قراءته واتساقه مع التصميم العام لموقعك. فيما يلي بعض الأمثلة على الخطوط الأكثر شيوعا التي يمكنك استخدامها:
1. أريال هو خط بلا الرقيق التي غالبا ما تستخدم في تصميم المواقع الإلكترونية. إنه قابل للقراءة تماما ومناسب للعناوين الرئيسية. مثال على الاستخدام في كس:
الخط الأسرة: أريال ، بلا الرقيق;
2. تايمز نيو رومان هو خط رقيق كلاسيكي. إذا كان موقعك يحتوي على نمط أكثر رسمية أو تقليدية ، فقد يكون هذا الخط مناسبا. مثال على الاستخدام في كس:
عائلة الخط: "تايمز نيو رومان" ، شريف;
3. فيردانا هو بلا الرقيق الخط الذي تم إنشاؤه خصيصا للاستخدام في الوثائق الإلكترونية. يقرأ جيدا على الشاشة وهو مناسب للعناوين الرئيسية. مثال على الاستخدام في كس:
الخط الأسرة: فيردانا ، بلا الرقيق;
إلى جانب هذه الخطوط ، هناك عدد كبير من الخيارات الأخرى في السوق. لا تخف من التجربة واختيار الخط الذي يتناسب بشكل أفضل مع التصميم الخاص بك وينقل الحالة المزاجية الصحيحة. في الوقت نفسه ، تذكر أنه من الأفضل عدم استخدام أكثر من خطين أو ثلاثة خطوط على الموقع لتجنب الفوضى.
لا تنس أن تحدد في كس ليس فقط اسم الخط ، ولكن أيضا عائلات الخطوط البديلة أو المجموعات ، بحيث إذا كان الخط المطلوب غير متوفر ، يمكن للمتصفح استبداله بنظير مناسب.
تحديد حجم ومحاذاة الرأس
- ح2 {
من أجل تخصيص لون وتصميم رأس 1 ، يمكنك استخدام مختلف خصائص المغلق والقيم. فيما يلي بعض الأمثلة:
لون النص: يمكنك تعيين لون نص العنوان باستخدام الخاصية