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