يعد تخصيص مظهر النص جزءا مهما من تصميم صفحات الويب. غالبا ما يحتاج مطورو الويب إلى تغيير حجم الخط لتحقيق التأثير المرئي المطلوب. باستخدام هتمل ، يمكنك بسهولة تغيير حجم الخط باستخدام أساليب مختلفة.
واحدة من أسهل الطرق لتغيير حجم الخط هي استخدام علامة. يسمح لك بتعيين حجم الخط بالبكسل أو النسب المئوية. على سبيل المثال:
سيكون لهذا النص حجم خط 4
سيكون لهذا النص حجم خط 150%
سيكون لهذا النص حجم خط 12 بكسل
ومع ذلك ، يعتبر استخدام العلامة قديما ، ويوصى باستخدام أنماط كس لتغيير حجم الخط. لاستخدام كس ، تحتاج إلى إضافة نمط إلى العنصر الخاص بك باستخدام السمة" نمط". على سبيل المثال:
سيكون لهذه الفقرة حجم خط 20 بكسل
يمكنك أيضا استخدام الوحدات النسبية مثل" إم "أو" ريم " لتعيين حجم الخط. على سبيل المثال:
تغيير حجم الخط في هتمل هو جانب مهم جدا من تطوير الشبكة. باستخدام الطرق المذكورة أعلاه ، ستتمكن من تحقيق التأثير المرئي المطلوب وإنشاء محتوى جذاب على موقع الويب الخاص بك.
- كيفية التحكم في حجم الخط في هتمل: دليل مفصل
- استخدام سمة "النمط" في العلامة لتغيير حجم الخط
- استخدام أنماط كس لتغيير حجم الخط في هتمل
- تغيير حجم الخط باستخدام وحدات القياس النسبية
كيفية التحكم في حجم الخط في هتمل: دليل مفصل
تغيير حجم الخط في هتمل يمكن أن تكون مفيدة جدا لخلق لهجات ، وتسليط الضوء على العناصر الهامة ، أو ببساطة لتحسين مظهر موقع الويب الخاص بك. هناك عدة طرق للتحكم في حجم الخط في هتمل. سيغطي هذا الدليل الطرق والأمثلة الرئيسية لاستخدامها.
1. باستخدام سمة "النمط" :
- لتغيير حجم الخط في هتمل ، يمكنك استخدام السمة "نمط" في علامة النص.
- على سبيل المثال ، لزيادة حجم الخط ، يمكنك إضافة سمة "نمط" مع خاصية كس "حجم الخط".
- مثال:
2. باستخدام علامة "سبان" :
- تسمح لك علامة" الامتداد " بتطبيق الأنماط فقط على أجزاء معينة من النص.
- لتغيير حجم الخط ، يمكنك استخدام سمة "النمط" في علامة "الامتداد".
- مثال:
3. باستخدام كس:
- لمزيد من إعدادات حجم الخط المعقدة ، يمكنك استخدام كس.
- للقيام بذلك ، تحتاج إلى إنشاء علامة نمط داخل قسم من المستند أو توصيل ملف كس خارجي.
- مثال:
باستخدام هذه الأساليب سوف تسمح لك بسهولة تغيير حجم الخط في هتمل وفقا لمتطلباتك. تذكر أنه عند اختيار حجم الخط ، عليك الانتباه إلى سهولة قراءة النص والجماليات العامة لموقعك على الويب.
استخدام سمة "النمط" في العلامة لتغيير حجم الخط
تسمح لك سمة" النمط " في العلامة بتغيير حجم الخط باستخدام كس. للقيام بذلك ، أضف سمة "النمط" وقم بتعيين قيمة خاصية "حجم الخط".
مثال:
النص مع الخط الموسع
في هذا المثال ، يتم تعيين حجم الخط إلى 20 بكسل.
إذا كنت بحاجة إلى تعيين حجم الخط في وحدات القياس الأخرى ، فيمكنك تحديد قيمة خاصية "حجم الخط" كنسبة مئوية أو استخدام وحدات قياس أخرى ، مثل إم أو ريم.
أمثلة:
تسمح لك هذه الأمثلة بزيادة حجم الخط وفقا للقيم المحددة.
يوفر استخدام سمة" النمط " في العلامة لتغيير حجم الخط فرصا كبيرة لتحقيق التأثير المرئي المطلوب في مستند هتمل.
استخدام أنماط كس لتغيير حجم الخط في هتمل
يمكن استخدام أنماط كس لتغيير حجم الخط في مستند هتمل. يحدد النمط مظهر العنصر ، بما في ذلك حجم الخط.
هناك عدة طرق لتعيين حجم الخط باستخدام كس:
| الممتلكات | الوصف | مثال |
|---|---|---|
| حجم الخط | يحدد حجم الخط للنص داخل العنصر | ف { حجم الخط: 16 بكسل؛} |
| م | تعيين حجم الخط نسبة إلى حجم الخط للعنصر الأصل | ص { حجم الخط: 1.2 م؛} |
| ريم | يحدد حجم الخط بالنسبة لحجم خط العنصر الجذر (عادة) | ف { حجم الخط: 1.5 ريم؛} |
) وغيرها.
.
تغيير حجم الخط باستخدام وحدات القياس النسبية
في هتمل ، يمكنك تغيير حجم الخط باستخدام وحدات القياس النسبية مثل النسب المئوية ( ٪ ) ، إم أو ريم. تسمح لك وحدات القياس النسبية بإنشاء تصميم تكيفي سيتم عرضه بشكل صحيح على مختلف الأجهزة والشاشات.
يمكن استخدام النسب المئوية ( ٪ ) لتغيير حجم الخط بالنسبة إلى حجم العنصر الأصل. على سبيل المثال ، إذا كان لديك عنصر