الخط هو سمة مرئية للنص تلعب دورا مهما في تصميم صفحة الويب. يساعد على ضبط الحالة المزاجية وأسلوب المحتوى ، مما يجعل النص أكثر قابلية للقراءة وجاذبية للقارئ.
يسمح أمر تخصيص الخط لمطوري الويب بتعيين معلمات خطوط مختلفة مثل الحجم واللون وعائلة الخطوط ونمط الخط والسمك. هذا يمنحهم السيطرة الكاملة على مظهر النص على صفحات الويب الخاصة بهم.
في هتمل ، هناك عدة طرق لتعيين خط للنص. واحدة من أسهل الطرق هي استخدام علامة تسمح لك بتحديد أنماط لعنصر أو فئة معينة. على سبيل المثال ، لتعيين حجم الخط لفقرة ، يمكنك استخدام التعليمات البرمجية التالية:
في هذا المثال ، يتم تعيين حجم الخط إلى 20 بكسل لجميع الفقرات في الصفحة. يمكنك أيضا استخدام خصائص أخرى مثل لون النص وعائلة الخطوط والمزيد لتخصيص الخط حسب رغبتك.
- خصائص الخط: المعلومات الأساسية
- حجم وارتفاع النص في كس
- اختيار نمط ومحتوى الدهون من النص
- ضبط لون الخط والخلفية
خصائص الخط: المعلومات الأساسية
عندما نتحدث عن تخصيص خط على صفحة ويب ، فهناك العديد من الخصائص التي يمكننا استخدامها لتغيير مظهره. فيما يلي خصائص الخط الأساسية:
- الخط الأسرة: يحدد مجموعة من الخطوط التي سيتم استخدامها لعرض النص على صفحة ويب. يمكنك استخدام كل من الخطوط أحادية المسافة (على سبيل المثال ، "ساعي جديد") والخطوط غير المخططة (على سبيل المثال ، "أريال") وحتى تحميل الخطوط المخصصة.
- حجم الخط: يحدد حجم الخط. يمكن تحديده بالبكسل أو النسب المئوية أو وحدات القياس الأخرى. على سبيل المثال ، " 12 بكسل "أو"1.2 إم".
- نمط الخط: يحدد نمط الخط. يمكن أن يكون "عادي" (عادي) ، "مائل" (مائل) أو "مائل" (مائل).
- الخط الوزن: يحدد تشبع الخط. يمكن أن يكون "عادي" (عادي) ، "غامق" (غامق) أو قيمة رقمية من 100 إلى 900.
- متغير الخط: يحدد متغير الخط. يمكن أن يكون "عادي" (عادي) أو "قبعات صغيرة" (رأس المال).
- زخرفة النص: يحدد نمط زخرفة النص. على سبيل المثال ، " لا شيء "(بدون زخرفة) ، " تسطير "(تحته خط) أو" خط من خلال " (يتوسطه خط).
- تحويل النص: يحدد تحويل النص. يمكن أن يكون "بلا" (بدون تحويل) أو "أحرف كبيرة" (أحرف كبيرة) أو "أحرف صغيرة" (أحرف صغيرة).
باستخدام هذه الخصائص ، يمكنك تخصيص مظهر الخط بالكامل على صفحة الويب الخاصة بك وجعله فريدا وجذابا للمستخدمين.
حجم وارتفاع النص في كس
في كس ، يمكنك تعيين حجم وارتفاع النص للتحكم في مظهره وموقعه على صفحة الويب. يمكن تحديد حجم النص باستخدام القيم المطلقة مثل بكسل (بكسل) أو القيم النسبية مثل النسب المئوية ( ٪ ).
لتعيين حجم النص باستخدام القيم المطلقة ، يمكنك استخدام خاصية "حجم الخط". على سبيل المثال:
| مثال | الوصف |
|---|---|
| حجم الخط: 12 بكسل; | يضبط حجم النص على 12 بكسل |
| حجم الخط: 16 بكسل; | يضبط حجم النص على 16 بكسل |
يمكنك أيضا استخدام القيم النسبية لتعيين حجم النص. على سبيل المثال ، إذا كنت تريد أن يكون النص 150٪ من حجم خط العنصر الأصل ، فيمكنك استخدام الإدخال التالي:
حجم الخط: 150%;
لديه كس أيضا القدرة على تعيين ارتفاع النص باستخدام خاصية" خط الارتفاع". على سبيل المثال ، يمكنك استخدام الإدخال التالي:
خط الارتفاع: 1.5;
سيؤدي هذا إلى ضبط ارتفاع النص على 1.5 ضعف حجمه.
باستخدام خصائص" حجم الخط "و" ارتفاع الخط " ، يمكنك إنشاء مجموعات مختلفة من حجم النص وارتفاعه لتحقيق المظهر المطلوب للنص على صفحة الويب.
اختيار نمط ومحتوى الدهون من النص
تتيح لك خاصية" نمط الخط " تحديد نمط نص. هناك ثلاث قيم يمكنك استخدامها:" عادي "و" مائل "و"مائل". تعني القيمة" عادي " أنه سيتم عرض النص بطريقة قياسية. القيمة " مائل "تجعل النص مائلا ، بينما" مائل " يميل النص بزاوية.
لتحديد محتوى الدهون في النص ، يمكنك استخدام خاصية "وزن الخط". يأخذ القيم من 100 إلى 900 ، وعادة ما يعتبر 400 طبيعيا ، ويعتبر 700 نصا غامقا. إذا كنت بحاجة إلى نص غامق ، يمكنك استخدام القيمة 600.
مثال على استخدام كس لتعيين نمط ومحتوى الدهون من النص:
سيكون هذا النص مائلا وجريئا.
سيكون هذا النص واضحا.