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