كيفية تحديد حجم الخط في كس باستخدام خاصية ديف

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

واحدة من الخصائص الأكثر استخداما لتحديد حجم الخط هو حجم الخط. لتعيين حجم الخط في كس باستخدام خاصية ديف ، يمكنك استخدام بناء الجملة التالي:

}

بدلا من" القيمة " ، تحتاج إلى تحديد حجم خط معين ، والذي يمكن تعيينه في وحدات قياس مختلفة ، مثل وحدات البكسل (بكسل) أو النسب المئوية ( ٪ ) أو الوحدات النسبية (إم ، ريم).

على سبيل المثال ، لتعيين حجم الخط إلى 16 بكسل لعنصر شعبة ، استخدم التعليمات البرمجية التالية:

}

ومن الممكن أيضا استخدام وحدات القياس النسبية ، مثل إم و ريم ، والتي تسمح لك لتعيين حجم الخط بالنسبة لحجم الخط من العنصر الأصلي أو عنصر الجذر (عادة علامة الجسم).

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

1. قيمة العقار المغلق
2. كيفية تحديد حجم الخط في كس باستخدام خاصية ديف
3. استخدام خاصية ديف
4. أمثلة التطبيق

قيمة العقار المغلق

في أوراق الأنماط المتتالية كس ، تحدد قيمة الخاصية النمط أو الخاصية المطلوبة للعنصر المحدد في صفحة الويب.

يمكن تعيين قيمة الخاصية بشكل صريح أو نسبة إلى عناصر أخرى على الصفحة. لتعيين قيمة خاصية ، يتم استخدام بناء الجملة الذي تم تعريفه لهذه الخاصية.

على سبيل المثال ، يمكنك استخدام وحدات القياس المطلقة أو النسبية لتحديد حجم الخط باستخدام خاصية حجم الخط. وحدات القياس المطلقة ، مثل وحدات البكسل (بكسل) ، ثابتة ومستقلة عن العناصر الأخرى في الصفحة. أنها تسمح لك بتحديد حجم الخط بشكل صريح.

مثال:

حجم الخط: 16 بكسل;

وحدات القياس النسبية ، مثل النسب المئوية ( ٪ ) ، احسب حجم الخط بالنسبة لحجم خط العنصر الأصلي أو عنصر آخر في الصفحة. يتيح لك ذلك إنشاء تصميمات سريعة الاستجابة تتوسع بشكل أفضل عبر الأجهزة والشاشات.

مثال:

حجم الخط: 120%;

عند تعيين قيمة الخاصية كس ، فمن الضروري أن تأخذ في الاعتبار السياق والغرض من التصميم العنصر. من خلال اختيار القيمة المناسبة لخاصية ما ، يمكنك تحقيق التأثير المرئي المطلوب وتحسين تجربة المستخدم.

كيفية تحديد حجم الخط في كس باستخدام خاصية ديف

) ، إم ، ريم ، وغيرها.

، اتبع المثال:

هو رقم يشير إلى حجم الخط ووحدة القياس المطلوبة.

، يمكنك استخدام رمز كس التالي:

على صفحة من 16 بكسل.

يجعل من السهل السيطرة على حجم الخط في المغلق.

استخدام خاصية ديف

 يمكنك استخدام خاصية حجم الخط. تحدد هذه الخاصية حجم الخط بالبكسل أو النسب المئوية أو البوصة أو وحدات القياس الأخرى.

مثال على نص بحجم خط 16 بكسل.

في المثال أعلاه ، النص داخل العنصر هو

أمثلة التطبيق

• فيما يلي بعض الأمثلة على استخدام الخاصية

  عنصر شعبة

• :