يعد الخط عنصرا مهما في تصميم الويب يسمح لك بتمييز النص وإنشاء التأثير المطلوب على الصفحة. يمكن أن تكون كبيرة أو صغيرة ، جريئة أو مائلة ، حسب المهمة وتفضيلاتك.
يمكنك استخدام سمة حجم الخط لتغيير حجم الخط. يأخذ قيما مختلفة مثل" متوسط "و" كبير "و" صغير "و" صغير جدا " ، بالإضافة إلى قيم معينة بالبكسل أو النسب المئوية.
على سبيل المثال ، لتعيين حجم خط 16 بكسل ، يكفي تحديد حجم الخط: 16 بكسل;
لتغيير مخطط الخط ، يمكنك استخدام سمات وزن الخط ونمط الخط. يحدد وزن الخط محتوى الدهون في النص ويمكن أن يأخذ القيم" العادية "أو" الغامقة " أو القيم الرقمية من 100 إلى 900. يسمح لك نمط الخط بتعيين نمط خط النص ويمكن أن يحتوي على القيم "عادي" أو "مائل".
من أجل تسليط الضوء على النص ، يمكنك استخدام والعلامات. تجعل العلامة النص غامقا ، والعلامة تجعله مائلا. يمكن دمجها مع سمات أخرى لإنشاء أنماط نصية مختلفة.
- تغيير أحجام الخطوط والخطوط العريضة: الخيارات والأساليب
- ميزات المغلق لتغيير حجم الخط
- أمثلة على استخدام الخط الغامق
- استخدام نمط الخط المائل: التأثيرات والاختلافات
- تغيير لون الخط: الأساليب والنصائح الأساسية
- محاذاة النص: اختيار الخيار الأفضل
تغيير أحجام الخطوط والخطوط العريضة: الخيارات والأساليب
1. باستخدام العلامة
. على سبيل المثال ، لزيادة حجم الخط إلى 16 بكسل ، تحتاج إلى استخدام التعليمات البرمجية التالية:
النص مع الخط الموسع
هناك طريقة أخرى لتغيير حجم الخط ونمط الخط وهي الاستخدام
3. باستخدام فئات كس ومعرفات
.تمييز { حجم الخط: 20 بكسل ؛ وزن الخط: غامق ؛ اللون: أحمر؛}لتطبيق هذه الفئة على عنصر معين ، مثل رأس
، تحتاج إلى إضافة سمة
فئة= "تسليط الضوء"
:
- أوراق الأنماط المتتالية (كس) لديها العديد من الخصائص التي تسمح لك لتغيير حجم الخط من صفحة ويب. تمنح هذه الخصائص المطور المرونة والتحكم في كيفية ظهور النص على الصفحة.
- يمكنك استخدام الخصائص التالية لتغيير حجم الخط:
- - يحدد حجم الخط. يمكن استخدام وحدات قياس مختلفة ، مثل وحدات البكسل (
) ، النسب المئوية (
الخط
- يسمح لك بتعيين ليس فقط الحجم ، ولكن أيضا معلمات الخط الأخرى ، مثل مخطط الخط والتشبع وغيرها.
ارتفاع الخط
- يحدد ارتفاع سطر النص ، والذي يمكن أن يؤثر أيضا على إدراك حجم الخط.
يمكن تحديد العناصر الفردية باستخدام محددات كس ، وتعيين أحجام خطوط مختلفة لهم. على سبيل المثال ، يمكنك تغيير حجم الخط للعناوين فقط
:
ح1 {
حجم الخط: 24 بكسل;
}
يمكن أن يكون استخدام وحدات القياس النسبية ، مثل إم و ريم ، مفيدا عند إنشاء صفحات ويب سريعة الاستجابة تتغير اعتمادا على حجم شاشة الجهاز.
بفضل قدرات كس ، يمكنك بسهولة تغيير حجم الخط على صفحة ويب لتحقيق التأثير البصري المطلوب وتحسين قراءة النص.
أمثلة على استخدام الخط الغامق
1. العناوين والعناوين الفرعية:
تتمثل إحدى الطرق الأكثر شيوعا لاستخدام الخط الغامق في إبراز العناوين والعناوين الفرعية. تتيح لك الحروف الجريئة جعل العناوين أكثر وضوحا وجاذبية للقارئ.
2. معلومات هامة:
يمكن أيضا استخدام النص الغامق لتمييز الروابط الداخلية لأقسام أخرى من المقالة أو الصفحات. سيساعد هذا القارئ على العثور بسرعة على المعلومات التي يحتاجها في النص وتحسين تجربة المستخدم.
4. الكلمات المفتاحية:
إذا كنت بحاجة إلى تسطير الكلمات الرئيسية أو العبارات ، فإن الخط الغامق يعد حلا رائعا. سيساعد هذا في جعل النص أكثر وضوحا وأسهل في القراءة.
الخط الغامق هو أداة قوية تسمح لك بتمييز العناصر المهمة وتحسين إمكانية قراءة النص. عند استخدام الحروف الجريئة ، يجب أن نتذكر أنه يجب أن تكون متوازنة ولا تفرط في الإدراك البصري.
استخدام خط مائل: الآثار والاختلافات
من الحالات المتكررة لاستخدام الخط المائل إبراز الكلمات أو العبارات المهمة في النص. عندما تحتاج إلى تمييز شيء خاص داخل نص عادي ، يمكنك استخدام الخط المائل. سيساعد هذا القارئ على التنقل بسرعة عبر النص والانتباه على الفور إلى النقاط الرئيسية.
يمكن أيضا استخدام الخط المائل لإنشاء تأثير الكلام أو أفكار الشخصيات في الأعمال الأدبية أو الحوارات في النصوص. سيسمح لك بتمييز خطاب الشخصية بصريا عن النص السردي ، وإضافة سحر وشخصية إلى الوصف وإنشاء صورة ملونة خاصة. يمكن استخدام هذه التقنية بنجاح ليس فقط في الكتب ، ولكن أيضا في القصص المصورة ونصوص الرسوم المتحركة والروايات المصورة.
خيار آخر لاستخدام الخط المائل هو إنشاء لهجة عاطفية. يمكن للخط المائل التعبير عن المشاعر واستبدال نغمة الكلام ونقل الحالة المزاجية. علاوة على ذلك ، يمكن استخدام الخط المائل مع تأثيرات أخرى ، مثل التظليل الغامق أو الملون ، لتحقيق أقصى تأثير وجذب انتباه القارئ.
تقتصر إمكانيات استخدام الخط المائل فقط على خيالك وأهدافك. يمكن استخدامه في تصميم صفحات الويب والمواد الإعلانية والشعارات ، وكذلك في العديد من المجالات الأخرى حيث تحتاج إلى لفت الانتباه إلى النص وإنشاء نمط خاص للاتصال المرئي.
تغيير لون الخط: التقنيات والنصائح الأساسية
1. باستخدام كس
واحدة من أكثر الطرق شيوعا لتغيير لون الخط هو استخدام كس. يتم استخدام خاصية اللون لهذا الغرض. مثال:
ح1 {
اللون: أحمر;
}
يحدد هذا الرمز لون نص رأس ح1 إلى اللون الأحمر.
2. باستخدام سمة النمط
لتعيين لون الخط بسرعة وسهولة دون استخدام كس ، يمكنك استخدام سمة النمط للعلامة. مثال:
مثال على رأس
- يحدد هذا الرمز أيضا لون نص العنوان إلى اللون الأزرق.
- استخدم هذه الطريقة بعناية ، لأنها تجعل من السهل تثبيت الأنماط في شفرة هتمل ، ولكنها تجعل من الصعب الحفاظ عليها وإجراء تغييرات في المستقبل.
- 3. باستخدام رغب
- رغب هو اختصار ل (ص) إد (ز)رين(ب) ليو وهو نموذج اللون على أساس خلط هذه الألوان الثلاثة. عند استخدام رغب ، يمكنك تعيين لون الخط بالضبط. مثال:
- نص أحمر
في هذا المثال ، قمنا بتعيين لون نص الفقرة إلى اللون الأحمر عن طريق تعيين قيم للألوان الحمراء (255) والأخضر (0) والأزرق (0).
4. باستخدام عرافة