يعد تغيير خط النص إحدى الطرق الرئيسية لجعل صفحة الويب فريدة ومبتكرة. تؤثر القدرة على تحديد الخط وتخصيصه بشكل كبير على الإدراك البصري للنص ، كما تؤثر على سهولة قراءته وفهمه.
يوفر هتمل طرق مختلفة لتغيير خط النص. واحدة من أبسط والأكثر استخداما على نطاق واسع هو استخدام سمة النمط. تتيح لك هذه السمة تعيين خط معين وحجمه ونمط الخط وخصائص أخرى.
يمكنك أيضا استخدام علامة الخط لتغيير الخط في هتمل. تحتوي هذه العلامة على العديد من السمات التي يمكنك استخدامها لتعيين الخط وحجمه ولونه وخصائص أخرى. ومع ذلك ، فمن المستحسن استخدام أنماط كس لتغيير خط النص.
معيار تطوير الويب هو استخدام أنماط كس لتصميم وتعريف الخطوط على صفحات الويب. في كس ، من الممكن تعيين أكثر مرونة ليس فقط الخطوط ، ولكن أيضا خصائصها المختلفة ، مثل الحجم ، ارتفاع الخط ، تباعد الحروف ، إلخ.
- كيفية إجراء تغييرات على نمط نص هتمل: تعليمات خطوة بخطوة
- الخطوة 1: تحديد الأنماط المطلوبة للخط
- الخطوة 2: استخدام العلامة
- الخطوة 3: تطبيق النمط المضمن على النص المحدد
- الخطوة 4: استخدام أوراق الأنماط المتتالية (كس) لتغيير خط النص
كيفية إجراء تغييرات على نمط نص هتمل: تعليمات خطوة بخطوة
1. باستخدام العلامة
تعد العلامة واحدة من أكثر العلامات مرونة وملاءمة لتغيير نمط الأجزاء الفردية من النص. لتعيين نمط النص باستخدام علامة ، اتبع الخطوات التالية:
- حدد العلامة داخل كتلة النص المطلوبة.
- أضف سمة النمط إلى العلامة.
- في سمة النمط ، حدد خصائص النمط المطلوبة.
على سبيل المثال:
يحتوي هذا النص على جزء أحمر.
- 2. باستخدام العلامة
- توفر العلامة سمات منفصلة لتغيير نمط النص. لتغيير نمط النص باستخدام علامة ، اتبع التسلسل التالي:
حدد العلامة داخل كتلة النص المطلوبة.
يحتوي هذا النص على جزء أزرق.
- 3. باستخدام أنماط كس
الطريقة الأكثر مرونة وقابلة للتوسيع لتغيير نمط النص في هتمل هو استخدام كس (أوراق الأنماط المتتالية). يمكن استخدام عدة طرق لتطبيق أنماط كس على النص:
قم بتطبيق الأنماط المضمنة على العناصر الفردية عن طريق إضافة سمة النمط إلى علامات هتمل المقابلة.
على سبيل المثال:
إما أو
نص مع أنماط مضمنة
في الختام ، يتطلب إجراء تغييرات على نمط النص في هتمل بضع خطوات بسيطة فقط. سواء كان ذلك باستخدام علامة أو أنماط كس ، يمكنك التحكم بشكل كامل في مظهر وتصميم محتوى النص في مشاريعك.
على سبيل المثال ، لتعيين الخط أريال وحجم الخط من 14 بكسل للنص داخل العلامة
، يجب عليك استخدام بناء الجملة التالي:
النص
- في هذا المثال ، نستخدم
سمة النمط
- من سمة النمط
حجم الخط: 14 بكسل؛}
قم بتوصيل ملف كس الذي تم إنشاؤه بمستند هتمل باستخدام علامة
:
في هذا المثال ، نقوم بإنشاء أنماط للعلامة
для изменения стиля текста:. ثم نقوم بتوصيل الأنماط باستخدام علامة
، تحديد المسار إلى ملف النمط.
الخطوة 2: استخدام العلامة لترجمة الأنماط
هنا هو نموذج التعليمات البرمجية التي تظهر كيفية استخدام العلامة
لتحديد أنماط أخرى ، مثل غامق أو مائل ، يمكنك استخدام والعلامات ، على التوالي. على سبيل المثال:
الآن بعد أن حددنا أنماطنا في القسم
| ، دعنا نطبقها على النص المحدد في الصفحة. | لتطبيق نمط على نص معين ، يجب أن نستخدم |
|---|---|
| سمة النمط | |
.
في المثال أعلاه ، قمنا بتعيين الخط أريال واللون الأزرق للنص داخل العلامة
. يمكنك استخدام أي أنماط مضمنة محددة في قسم محدد مسبقا
| أو استخدم أنماطا جديدة مباشرة في العلامة. | لاحظ أن النمط ينطبق فقط على النص داخل العلامة التي تم تحديد سمة النمط بها |
|---|---|
. إذا كنت تريد تطبيق نمط على عناصر متعددة في الصفحة ، فيجب عليك استخدام العلامات المناسبة لهذه العناصر وتطبيقها |
لكل واحد منهم على حدة.
دعونا ننظر إلى مثال آخر على استخدام نمط مضمن في هتمل:
الوسم
مثال
.
الآن أنت تعرف كيفية تطبيق النمط المضمن على النص المحدد في هتمل. في الخطوة التالية ، سننظر في كيفية إنشاء ملف كس خارجي لأنماط مريحة وقابلة لإعادة الاستخدام على صفحات مختلفة.
الخطوة 4: استخدام أوراق الأنماط المتتالية (كس) لتغيير خط النص
}
في المثال أعلاه ، نحدد أن خط النص لكامل نص صفحة الويب يجب أن يكون أريال أو خط آخر بلا الرقيق.
لتطبيق هذا النمط على عنصر معين ، ما عليك سوى إضافته إلى فئة أو معرف. على سبيل المثال ، إذا كانت لديك فقرة تحتوي على فئة "فقرتي" وتريد تغيير الخط لها فقط ، فأضف الكود التالي إلى كتلة النمط: