يعد الخط أحد أهم عناصر تصميم صفحة الويب. إنه يؤثر على إدراك النص ، وقابليته للقراءة ، ويخلق أيضا مزاجا معينا. في بعض الأحيان يكون من الضروري تغيير إعدادات الخط لجعل النص أكثر جاذبية وغنية بالمعلومات.
لحسن الحظ ، أتش تي أم أل يوفر لنا القدرة على بسهولة وبسرعة تغيير إعدادات الخط من فقرة على الصفحة. يمكننا تعيين خصائص مثل حجم الخط واللون والتشبع والمزيد. للقيام بذلك ، سوف نستخدم والعلامات ، وكذلك سمات العلامة
.
على سبيل المثال ، لتغيير حجم الخط ، يمكننا استخدام سمة حجم الخط بقيم مختلفة ، مثل "صغير" أو "متوسط" أو "كبير" أو تعيين حجم معين بالنقاط أو النسب المئوية. لتغيير لون الخط ، يمكننا استخدام سمة اللون وتحديد القيمة كاسم لون أو رمز سداسي عشري. باستخدام هذه الأدوات ، يمكننا إنشاء كتل نصية مذهلة وجذابة على صفحة الويب الخاصة بنا.
- تغيير إعدادات خط الفقرة على الصفحة
- التعريف الأساسي لنمط النص
- تحديد حجم الخط
- تغيير لون النص
تغيير إعدادات خط الفقرة على الصفحة
مثال على نمط لتغيير معلمات خط الفقرة:
ص {الخط الأسرة: أريال ، بلا الرقيق;
اللون: # 333;
خط الارتفاع: 1.5;
}
في هذا المثال ، يتم استخدام الخط أريال بلا الرقيق. يتم تعيين حجم الخط إلى 16 بكسل. يتم تمييز نص الفقرة بالخط العريض. يتم تعيين لون النص كرمز سداسي عشري # 333 ، والذي يتوافق مع اللون الرمادي الداكن. يتم تعيين تباعد الأسطر (ارتفاع الخط) على 1.5 ضعف ارتفاع الخط.
لتطبيق هذا النمط على فقرات في الصفحة ، تحتاج إلى إضافة هذا الرمز داخل كتلة النمط ، أو توصيل ملف نمط خارجي باستخدام علامة
في
قسم الصفحة.
وهكذا ، يتم تغيير إعدادات الخط من فقرة على صفحة بسهولة باستخدام أنماط كس ، والذي يسمح لك لخلق محتوى جميل وقابل للقراءة.
التعريف الأساسي لنمط النص
يتم إنشاء صفحات الويب باستخدام هتمل ، لغة ترميز النص التشعبي. لتعيين نمط نص معين على الصفحة ، يمكنك استخدام العلامات والعلامات.
تسمح لك العلامة بتمييز جزء من النص بالخط العريض. على سبيل المثال ، لتسليط الضوء على المعلومات الهامة. يمكن استخدام العلامة على النحو التالي:
معلومات هامة
يمكنك أيضا استخدام العلامة لجعل النص مائلا. على سبيل المثال ، لإنشاء نص معلمة أو تسليط الضوء على العنوان. يمكن استخدام العلامة على النحو التالي:
نص معلمة
باستخدام هذه العلامات ، يمكنك بسهولة وبسرعة تغيير نمط النص على صفحة الويب الخاصة بك ، مما يجعلها أكثر قابلية للقراءة وغنية بالمعلومات. وبالإضافة إلى ذلك ، يوفر هتمل العلامات والسمات الأخرى لتحديد نمط النص التي يمكن استخدامها جنبا إلى جنب مع و.
تحديد حجم الخط
لتغيير حجم خط فقرة على صفحة في هتمل ، يمكنك استخدام سمة النمط مع قيمة خاصية حجم الخط. على سبيل المثال:
نص فقرة بحجم خط 16 بكسل
في هذا المثال ، يتم تعيين حجم خط 16 بكسل لفقرة.
يمكن تحديد قيمة خاصية حجم الخط في وحدات قياس مختلفة ، على سبيل المثال ، بالبكسل (بكسل) والنسب المئوية ( ٪ ) والنقاط (نقطة) وغيرها.
يمكنك أيضا استخدام وحدات القياس النسبية ، مثل إم أو ريم.
أمثلة:
نص الفقرة مع 1.2 أضعاف حجم الخط بالنسبة للعنصر الأصل
في هذا المثال ، سيكون حجم خط الفقرة 1.2 ضعف حجم خط العنصر الأصل.
نص فقرة مع حجم الخط بنسبة 50 ٪ نسبة إلى حجم الخط الافتراضي
في هذا المثال ، سيتم زيادة حجم خط الفقرة بنسبة 50 ٪ بالنسبة إلى حجم الخط الافتراضي.
تغيير لون النص
لتغيير لون النص في فقرة على الصفحة ، يمكنك استخدام خاصية لون كس. يسمح لك بتعيين لون الخط عن طريق تحديد اسم اللون أو رمزه.
مثال:
سيكون هذا النص أحمر اللون
في هذا المثال ، سيتم عرض النص داخل الفقرة باللون الأحمر. إذا كنت بحاجة إلى تعيين لون النص من خلال التعليمات البرمجية الخاصة به ، يمكنك استخدام رغب (الأحمر والأخضر والأزرق) أو عرافة (رمز سداسي عشري) الأشكال.
سيكون هذا النص أخضر
يمكنك أيضا تطبيق فئة كس على الفقرة المطلوبة وتعيين النمط من خلال ورقة الأنماط. على سبيل المثال: