المؤثرات الخاصة لنصوص HTML

مؤلف: Laura McKinney
تاريخ الخلق: 2 أبريل 2021
تاريخ التحديث: 18 شهر نوفمبر 2024
Anonim
How to write text on image using  HTML and CSS
فيديو: How to write text on image using HTML and CSS

المحتوى

يمكن لـ HTML و CSS إنتاج بعض تأثيرات النص الرائعة ، بالإضافة إلى التنسيق القياسي مثل حجم الخط ولون الخلفية. المؤثرات الخاصة بتنسيق HTML تجعل النص يظهر ويتصرف بطرق غير عادية تجذب انتباه المشاهد. استخدمها لتحريك صفحة متوقفة أو لإضافة نص بسيط.


المؤثرات الخاصة لنصوص HTML (بولكا دوت آر إف / بولكا دوت / غيتي إيماجز)

انخفاض كاب

في معالجة النصوص ، تقوم قطة الإسقاط بتوسيع الحرف الأول من الفقرة. يمكنك إعادة إنتاج هذا التأثير على صفحات الويب الخاصة بك باستخدام HTML و CSS. استخدم خاصية "float" لمحاذاة حرف الخط وحجم الخط لزيادة حجمه بالنسبة لبقية النص في الفقرة. ضع الأحرف في علامات "span".

على سبيل المثال:

E هذا مثال على تأثير غطاء الإسقاط باستخدام خاصية التعويم.

النص المتداول

يتسبب تأثير المستطيل (الهامش) في HTML في نقل النص بطرق مختلفة. يُعلم الأمر "direction" الموجود في الكود المستعرض أين سينتقل النص: لأعلى أو لأسفل أو لليسار أو لليمين. تصف السمة "السلوك" كيفية نقل النص. تتسبب سمة "التمرير" في نقل النص إلى خارج المنطقة المرئية ، ثم ظهوره مرة أخرى. يؤدي أمر "الشرائح" إلى توقف النص في نهاية الهامش ، بينما يؤدي "البديل" إلى نقل النص من جانب إلى آخر. استخدم الأمر "scrollamount" لتحديد السرعة ، وكلما زاد الرقم ، زادت سرعة التمرير.


على سبيل المثال:

نشمر النص!

عنوان الماوس (تمرير الماوس)

تتيح علامة HTML span ظهور النص على المنطقة التي يتم إدراجها فيها. على سبيل المثال ، إذا كنت ترغب في إضافة ملخص للفقرة ، فقم بإدراج النص باستخدام علامة الامتداد.

على سبيل المثال:

نص الفقرة هنا.