يعد تنسيق الخط أحد الجوانب المهمة لإنشاء أنماط لصفحات الويب. يسمح لك بتغيير الحجم واللون والنمط والعديد من إعدادات الخط الأخرى لجعل النص أكثر قابلية للقراءة وجاذبية للمستخدم.
يعد حجم الخط أحد أكثر خيارات تنسيق الخط شيوعا. باستخدام خاصية حجم الخط في كس ، يمكنك تعيين حجم الخط لفقرة أو عنصر آخر. يمكنك استخدام القيم المطلقة (مثل وحدات البكسل) أو القيم النسبية (مثل النسب المئوية) لتحديد حجم الخط المطلوب.
معلمة مهمة أخرى هي لون النص. يمكنك استخدام خاصية اللون لتعيين لون الخط. يمكنك استخدام الألوان المقدمة أو تحديد القيم الخاصة بك. بالإضافة إلى ذلك ، يمكنك استخدام خصائص لون الخلفية وزخرفة النص لضبط الخلفية وزخرفة النص ، على التوالي.
هذا هو مجرد جزء صغير من قدرات تنسيق الخط في كس. باستخدام هذه الخيارات ، يمكنك التحكم في مظهر النص على صفحة الويب الخاصة بك وجعله أكثر جاذبية للمستخدمين.
- معلمات الخط في المغلق
- حجم الخط وارتفاعه
- جريئة ونوع الخط
- عائلة الخط والأسلوب
- لون الخط والخلفية
معلمات الخط في المغلق
إعدادات الخط في كس تسمح لك لتحديد مظهر النص على صفحة ويب. باستخدام هذه المعلمات ، يمكنك تعيين حجم الخط ونمط الخط ولون الخط والسمات الأخرى التي تؤثر على عرض النص.
يتم استخدام خاصية حجم الخط لتعيين حجم الخط. يسمح لك بتحديد حجم الخط بالبكسل (بكسل) أو النسب المئوية ( ٪ ) أو وحدات القياس النسبية (إم ، ريم) أو وحدات القياس الأخرى المتاحة. على سبيل المثال ، سيقوم الكود التالي بتعيين حجم الخط إلى 16 بكسل:
ص {
حجم الخط: 16 بكسل;
}
يتم استخدام خاصية نمط الخط لتعيين نمط الخط. يسمح لك بتحديد نمط الخط-عادي (عادي) ، مائل (مائل) أو مائل (مائل). على سبيل المثال ، سيقوم الكود التالي بتعيين نمط الخط المائل:
ص {
نمط الخط: مائل;
}
يتم استخدام خاصية اللون لتعيين لون الخط. يسمح لك بتحديد لون الخط باستخدام اسم اللون أو رمز اللون السداسي العشري. على سبيل المثال ، سيقوم الكود التالي بتعيين لون الخط إلى اللون الأحمر:
ص {
اللون: أحمر;
}
بالإضافة إلى ذلك ، باستخدام معلمات الخط الأخرى ، يمكنك تعيين محتوى الدهون (وزن الخط) والتسطير (زخرفة النص) وتباعد الأسطر (ارتفاع السطر) وسمات النص الأخرى. تتيح لك كل هذه الخيارات إنشاء مجموعة متنوعة من أنماط النص على صفحة الويب وفقا لتصميم الموقع.
حجم الخط وارتفاعه
يحدد حجم الخط إلى 12 بكسل.
فإنه سيتم مضاعفة حجم الخط بالنسبة إلى واحد الأصلي.
ارتفاع الخط ، أو تباعد الأسطر ، يحدد المسافة بين أسطر النص. يمكن أيضا ضبطه باستخدام وحدات القياس المطلقة أو النسبية.
يحدد ارتفاع الخط إلى واحد ونصف مرة حجمه.
يتيح لك الجمع بين حجم الخط الصحيح وارتفاع الخط إنشاء نص قابل للقراءة يبدو رائعا على الصفحة.
جريئة ونوع الخط
لتغيير الخط إلى غامق ، يمكنك استخدام العلامة القوية. تخبر هذه العلامة المتصفح أن النص يجب أن يكون بالخط العريض. على سبيل المثال:
هذا هو النص بالخط العريض.
لتغيير نمط الخط إلى مائل ، يمكنك استخدام علامة إم. تخبر هذه العلامة المتصفح أن النص يجب أن يكون بخط مائل. على سبيل المثال:
هذا هو النص بخط مائل.
يمكنك أيضا دمج هاتين العلامتين لتطبيق كلا خياري التنسيق على النص في نفس الوقت. على سبيل المثال:
هذا هو النص بخط غامق ومائل.
يمكن تطبيق هذه العلامات ليس فقط على النص داخل الفقرات ، ولكن أيضا على النص داخل عناصر أخرى ، مثل العناوين أو القوائم.
عائلة الخط والأسلوب
في هتمل ، يتم استخدام كس لتحديد عائلة الخط والنمط. واحدة من الخصائص الأكثر استخداما هي عائلة الخطوط ، والتي تحدد عائلة الخطوط. يمكن تحديد عائلة الخطوط من خلال قائمة القيم لتحديد الخطوط البديلة للأنظمة والمتصفحات المختلفة. يمكن استخدام أسماء الخطوط كقيم ، وكذلك أسماء عامة.:
الخط الأسرة: أريال ، هلفتيكا ، بلا الرقيق;
يمكنك استخدام خاصية نمط الخط لتعيين نمط الخط. القيم الممكنة طبيعية (خط عادي) ، مائل (مائل) ، مائل (مائل). مثال الاستخدام:
نمط الخط: مائل;
يمكنك أيضا شطب الخط باستخدام خاصية زخرفة النص. خيارات القيمة: لا شيء (لا يتوسطه خط) ، تسطير (تسطير) ، خط من خلال (يتوسطه خط) ، خط علوي (يتوسطه خط). مثال الاستخدام:
زخرفة النص: خط من خلال;
بالإضافة إلى ذلك ، يمكنك استخدام كس لتعيين حجم الخط والعرض وتباعد الأسطر ولون الخط والمزيد. يساعد الاختيار الكفء لعائلة الخطوط والأنماط على جعل النص على الصفحة أكثر قابلية للقراءة والجمالية.
لون الخط والخلفية
. تتيح لك هذه الخاصية تعيين لون النص لعنصر معين. يمكنك تحديد اللون بتنسيقات مختلفة ، مثل أسماء الألوان (على سبيل المثال ، "أحمر" للأحمر) أو القيم السداسية العشرية (على سبيل المثال ، "#ف 0000" للأحمر).
لتعيين اللون الأحمر للنص:
داخل قواعد كس للعنصر:
}
سمة النمط
النص
. تتيح لك هذه الخاصية تعيين لون الخلفية لعنصر معين.
}