عندما تقوم بتطوير موقع ويب أو تطبيق ، فإن أحد أهم جوانب التصميم هو اختيار الخطوط وتخصيصها. يمكن للخطوط إنشاء حالة مزاجية والتأكيد على المعلومات وتحسين إمكانية قراءة النص. مهمتك هي العثور على أنماط الخطوط المناسبة وتطبيقها.
لفهم مكان أنماط الخطوط على موقع الويب الخاص بك ، تحتاج إلى إلقاء نظرة على الملفات المختلفة وعناصر التعليمات البرمجية. يمكن تعريف أنماط الخطوط في ملف كس خارجي ، داخل علامة
в HTML-документе или непосредственно в атрибуте style конкретного HTML-элемента.إذا كان لديك ملف كس خارجي ، يمكنك العثور عليه في قسم الرأس من وثيقة هتمل. داخل هذا الملف ، يمكنك العثور على محددات تحدد أنماط الخطوط. على سبيل المثال: ص { الخط الأسرة: أريال ، بلا الرقيق؛}. في هذا المثال ، سيتم تطبيق الخط أريال لجميع الفقرات (العلامات) على الموقع.
بالإضافة إلى ذلك ، يمكن تعريف أنماط الخطوط مباشرة داخل مستند هتمل باستخدام علامة النمط. يمكن أن يكون هذا داخل عنصر واحد أو داخل كتلة نمط داخل الرأس.
- هيكل صفحة الويب وأنماط الخطوط
- موقع أنماط الخطوط في كود هتمل
- خصائص كس لتعيين أنماط الخطوط
هيكل صفحة الويب وأنماط الخطوط
يمكن تعيين أنماط الخطوط في ملفات كس المرتبطة بصفحة ويب. تحتوي ملفات كس على إرشادات تحدد كيفية عرض النص على الصفحة.
يمكنك استخدام خصائص كس المختلفة لتغيير نمط الخط ، مثل:
- عائلة الخط: يحدد نوع الخط للنص;
- حجم الخط: يحدد حجم الخط بالبكسل أو النسب المئوية أو وحدات القياس الأخرى;
- وزن الخط: يحدد تشبع الخط ، مثل العادي أو الغامق;
- نمط الخط: يحدد نمط الخط ، مثل عادي أو مائل;
- اللون: يحدد لون النص;
- زخرفة النص: يحدد التصميم الزخرفي للنص ، مثل التسطير أو يتوسطه خط.
يمكن أن يساعد تطبيق أنماط الخطوط على النص على صفحة الويب في تحسين الانطباع المرئي وتحسين إمكانية قراءة المحتوى. كما يسمح لك بإنشاء تصميمات فريدة وجذابة لموقعك على الويب.
موقع أنماط الخطوط في كود هتمل
يمكن تعيين أنماط الخطوط في رمز هتمل بعدة طرق: داخل العلامة أو ، وكذلك مباشرة داخل العلامة.
عند استخدام علامة ، يمكنك تحديد أنماط الخط مباشرة داخل مستند هتمل ، في الكتلة بعد العلامة. في هذه الحالة ، سيتم تطبيق الأنماط على جميع العناصر المحددة لها. على سبيل المثال:
إذا كنت بحاجة إلى استخدام ملف خارجي مع أنماط ، فيمكنك توصيله باستخدام علامة. تحدد السمة هريف المسار إلى الملف مع الأنماط ، تحدد السمة ريل نوعه ، وتحدد السمة نوع نوع مايم من الملف. مثال:
داخل العلامة ، يمكنك تعيين أنماط لعنصر معين فقط. على سبيل المثال:
تسمح لك هذه الطرق بتعيين أنماط خطوط مختلفة في شفرة هتمل ، اعتمادا على متطلبات وميزات المشروع. يمكن أيضا دمجها لتحقيق النتيجة المرجوة.
خصائص كس لتعيين أنماط الخطوط
يتم استخدام خصائص مختلفة لتعيين أنماط الخطوط في كس. يتم سرد أهمها أدناه:
| الممتلكات | الوصف |
|---|---|
| الخط الأسرة | يحدد عائلة الخط للنص |
| حجم الخط | يحدد حجم الخط |
| الخط الوزن | يضبط تشبع الخط (غامق ، عادي ، إلخ.) |
| نمط الخط | يحدد نمط الخط (مائل ، عادي ، إلخ.) |
| اللون | يحدد لون النص |
| ارتفاع الخط | يحدد الارتفاع |
| من سلسلة تباعد الحروف | يحدد الفاصل الزمني بين الأحرف |
| تحويل النص | يحول النص عن طريق تغيير الحالة (إلى أحرف كبيرة أو صغيرة أو كبيرة) |
| زخرفة النص | يضيف تأثيرات زخرفية للنص (تسطير ، يتوسطه خط ، إلخ.) |
.
من خلال الجمع بين الخصائص المختلفة وتخصيصها ، يمكنك إنشاء أنماط خطوط فريدة تساعد في التأكيد على خصوصية محتوى صفحة الويب.