لا يتواصل تصميم الويب مع المستخدمين من خلال المحتوى النصي فحسب ، بل يخلق أيضا تجربة بصرية ممتعة. من أهم جوانب تصميم صفحات الويب اختيار حجم الخط المناسب. بعد كل شيء ، يمكن أن يؤدي حجم الخط الصغير جدا إلى صعوبة القراءة ، ويمكن أن يؤدي الحجم الكبير جدا إلى ظهور مظهر قبيح للصفحة.
باستخدام رمز كس ، يمكنك بسهولة وبسرعة تغيير حجم الخط على صفحة ويب. للقيام بذلك ، يتم استخدام خصائص وقيم خاصة تسمح لك بتعيين حجم الخط بالبكسل والنسب المئوية ووحدات القياس النسبية والتنسيقات الأخرى.
ملاحظة: من المهم أن تتذكر أن تغيير حجم الخط يمكن أن يؤثر على تصور الصفحة بواسطة أجهزة مختلفة وعرضها بشكل مختلف على شاشات مختلفة.
وبالإضافة إلى ذلك ، كس يسمح لك لاستخدام طرق مختلفة لتغيير حجم الخط: إعداد مطلق لقيمة معينة أو تغيير نسبي اعتمادا على حالة العنصر. غالبا ما يعتمد النجاح في إنشاء صفحات ويب جميلة وسهلة الاستخدام على الاختيار الناجح لحجم الخط ومزيجه المتناغم مع عناصر التصميم الأخرى.
- المبادئ الأساسية للمغلق
- تغيير الحجم باستخدام بكسل
- تغيير الحجم باستخدام النسب المئوية
- تغيير الحجم باستخدام وحدات القياس النسبية
المبادئ الأساسية للمغلق
- محددات: يتم استخدام محددات لتحديد أي عناصر هتمل يجب أن تكون على غرار. أبسط محدد هو اسم عنصر هتمل. على سبيل المثال ، لتصميم جميع الفقرات في الصفحة ، يمكنك استخدام محدد "ص".
- الميزات: خصائص تحدد جوانب مختلفة من ظهور العناصر. على سبيل المثال ، تتحكم خاصية" اللون "في لون النص ، وتتحكم خاصية" حجم الخط " في حجم الخط.
- القيم: تستخدم القيم لتحديد قيم خصائص معينة. على سبيل المثال ، تقوم القيمة "أحمر" لخاصية "اللون" بتعيين لون النص إلى اللون الأحمر ، وتقوم القيمة "15 بكسل" لخاصية "حجم الخط" بتعيين ارتفاع الخط إلى 15 بكسل.
- المتتالية: المتتالية في كس يعني أن الأنماط يمكن تطبيقها من مصادر مختلفة ودمجها معا. على سبيل المثال ، سيتم تطبيق الأنماط المحددة داخل علامة في ملف هتمل على العناصر المقابلة لصفحة الويب.
- الميراث: الميراث في كس يعني أن الخصائص المحددة لعنصر سيتم تطبيقها أيضا على عناصره الفرعية. على سبيل المثال ، إذا قمت بتعيين لون النص لعنصر
- ملفات كس: يمكن تعريف أنماط كس داخل علامة في ملف هتمل ، ولكن عادة ما يتم وضعها في ملفات منفصلة مع .تمديد المغلق. ثم يتم إرفاق ملفات كس هذه إلى ملف هتمل باستخدام علامة.
يسمح لك استخدام كس بإنشاء صفحات ويب جميلة ومنظمة باستخدام أنماط تصور مختلفة. يتيح ذلك للمطورين والمصممين إنشاء مظهر فريد وجذاب لمشاريع الويب الخاصة بهم.
تغيير الحجم باستخدام بكسل
لتغيير حجم الخط باستخدام وحدات البكسل في كس ، يمكنك استخدام خاصية "حجم الخط". تحدد هذه الخاصية حجم الخط المستخدم بالبكسل.
نموذج التعليمات البرمجية:
- إنشاء عنصر الذي تريد تغيير حجم الخط:
النص
- تعيين القاعدة التالية في ملف كس أو داخل العلامة:
- #نقطتي { حجم الخط: 14 بكسل؛}