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