تلعب الخطوط دورا مهما في تصميم الويب. فهي تساعد على نقل المعلومات وتسليط الضوء على العناوين والتركيز على عناصر معينة. طريقة واحدة لتعيين فئة لخط في هتمل هو استخدام عنصر الفئة. تسمح لك هذه السمة بتحديد فئة معينة ، والتي يمكن بعد ذلك تصميمها في كس.
أولا ، دعنا نحدد الفئة في كود هتمل. على سبيل المثال ، إذا كنت ترغب في تعيين فئة" العنوان " لنص معين ، يمكنك استخدام البناء التالي:
سيحتوي هذا النص على فئة "العنوان
. يمكن أن يحتوي كل عنصر على فئة واحدة فقط ، ولكن يمكن دمج الفئات وتطبيقها على عناصر مختلفة في الصفحة. هذا يساعد على الحفاظ على التوحيد في أنماط موقعك ويبسط صيانته.
بعد تحديد الفئة في التعليمات البرمجية هتمل ، يمكنك نمط ذلك باستخدام كس. على سبيل المثال ، لتغيير خط أو حجم أو لون النص لعنصر مع فئة العنوان ، يمكنك إضافة الأنماط التالية إلى ملف كس الخاص بك:
هنا استخدمنا".رأس "محدد الفئة والأنماط المطبقة عليه والتي ستغير الخط إلى" أريال " ، واضبط حجم النص على 24 بكسل واضبط لون النص على #333333.
الآن بعد أن حددت الفئة وحددت أنماطها ، يمكنك تطبيق فئة العنوان على العناصر المطلوبة في صفحتك. ما عليك سوى إضافة سمة فئة إلى العنصر المطلوب:
عنوان الصفحة
في هذا المثال ، قمنا بتعيين فئة" الرأس " للعنصر ، وسيتم عرض هذا الرأس بسمات الفئة المحددة.
لماذا من المهم تعيين فئة للخط
تسمح لك الفصول بتعيين نمط للعديد من عناصر كود هتمل في نفس الوقت. بدلا من تحديد الأنماط لكل عنصر نصي على حدة ، يمكنك تحديد فئة للعديد من العناصر التي يجب أن يكون لها نفس الإعداد المرئي. بهذه الطريقة ، يصبح الرمز أسهل في الفهم والصيانة.
توفر الفصول أيضا القدرة على إعادة استخدام الأنماط لعناصر مختلفة على الصفحة. هذا يوفر الوقت والجهد عند إجراء تغييرات على نمط النص. إذا كنت بحاجة إلى تغيير نمط الخط ، فسيكون ذلك كافيا لتغيير تعريف الفئة فقط ، وسيتم تحديث جميع العناصر مع هذه الفئة تلقائيا وفقا للنمط الجديد.
يؤدي تعيين فئة الخط أيضا إلى تحسين إمكانية الوصول إلى صفحة الويب. لا تجعل الفصول المناسبة من السهل قراءة وفهم محتوى الصفحة فحسب ، بل تجعلها أيضا في متناول المستخدمين ذوي الإعاقة. على سبيل المثال ، يتيح تعيين الفئة "الكبيرة" للنص للأشخاص الذين يعانون من ضعف البصر تكبير الخط للحصول على قراءة أفضل.
لذلك ، يعد تعيين فئة الخط جزءا مهما من تخطيط صفحة الويب. يجعل من السهل تغيير النمط ويزيد من إمكانية الوصول إلى النص على الصفحة. يتيح لك استخدام الفئات جعل الكود أكثر سهولة في الاستخدام ويوفر مرونة في تغيير مظهر النص.
كيفية إنشاء فئة جديدة للخط
في كس ، يمكنك إنشاء الطبقات الخاصة بك التي تحدد نمط الخط للعناصر على صفحة ويب. يتيح لك إنشاء فئة جديدة للخط تطبيق أنماط معينة بسهولة على جميع العناصر التي تطبق عليها هذه الفئة.
لإنشاء فئة جديدة لخط ، تحتاج إلى اتباع الخطوات التالية:
- افتح ملف نمط كس حيث تريد إنشاء فئة جديدة.
- إضافة محدد لفئة الخط. على سبيل المثال ، إذا كنت تريد إنشاء فئة باسم "الخط الخاص بي" ، فأدخل الرمز التالي:
الخط الخاص بي " هو محدد فئة يمكنك استخدامه لتطبيق النمط على العناصر.
- داخل الأقواس المتعرجة بعد محدد الفئة ، حدد أنماط الخطوط التي تريد تطبيقها. على سبيل المثال:
في هذا المثال ، سيتم تطبيق الخط أريال لجميع العناصر مع فئة" بلدي الخط". سيكون حجم الخط 16 بكسل ، وسيتم تعيين حجم الخط على أنه غامق.
يمكنك أيضا إضافة خصائص خط أخرى مثل اللون والمحاذاة والتسطير وما إلى ذلك ، حسب احتياجاتك.
4. احفظ ملف نمط كس وقم بتطبيق الفئة الجديدة على عناصر صفحة الويب الخاصة بك. للقيام بذلك ، أضف سمة الفئة إلى العناصر وحدد اسم الفئة الجديدة. على سبيل المثال:
سيتم عرض هذا النص بنمط الخط المحدد.
الآن سيتم عرض النص داخل هذا العنصر بنمط الخط المحدد المحدد في الفئة الجديدة.
إن استخدام الفئات لتعيين أنماط الخطوط يجعل من السهل تغيير مظهر النص على صفحة الويب الخاصة بك وإعادة استخدام الأنماط إذا لزم الأمر.