كيفية تسليط الضوء على خط كس: القواعد والأمثلة

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

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

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

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

1. ما هي القواعد التي يجب استخدامها عند تسليط الضوء على الخط المغلق?
2. قاعدة تعيين الخط
3. قاعدة تعيين حجم الخط
4. كيفية تغيير نمط الخط المغلق
5. 1. ملكية عائلة الخط
6. 2. خاصية حجم الخط
7. 3. خاصية وزن الخط
8. 4. خاصية زخرفة النص

ما هي القواعد التي يجب استخدامها عند تسليط الضوء على الخط المغلق?

لتمييز خط في كس ، هناك العديد من القواعد التي تسمح لك بتغيير مظهره وحجمه وأسلوبه. تتضمن بعض القواعد الأساسية ما يلي:

• عائلة الخط: تتيح لك هذه الخاصية تحديد خط للنص. يمكنك تحديد خط واحد أو أكثر بترتيب التفضيل ، وفصلها بفاصلة. إذا لم يكن الخط المحدد متاحا ، فسينتقل المتصفح تلقائيا إلى الخط التالي في القائمة. مثال:
• حجم الخط: يمكنك استخدام هذه الخاصية لتعيين حجم الخط. يمكن تحديد الحجم بالبكسل أو النسب المئوية أو وحدات القياس الأخرى. مثال:
• (غامق) أو قيم رقمية من 100 إلى 900. مثال:
• (منحرف). مثال:
• زخرفة النص: تتيح لك هذه الخاصية إضافة تصميم زخرفي إلى النص ، مثل التسطير أو يتوسطه خط أو يتوسطه خط. مثال:

هذه ليست سوى بعض من قواعد كس الأكثر استخداما لاختيار الخط. يمكنك أيضا تغيير لون النص وإضافة الظلال والمزيد باستخدام خصائص كس المختلفة.

قاعدة تعيين الخط

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

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

ص {

الخط الأسرة: أريال;

}

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

ص {

الخط الأسرة: أريال ، فيردانا ، بلا الرقيق;

}

في هذا المثال ، إذا كان الخط أريال غير متوفر ، سيتم استخدام الخط فيردانا. إذا كان غير متوفر أيضا ، فسيتم استخدام خط النظام بلا الرقيق.

يمكن أن تتضمن قيمة خاصية عائلة الخط ليس فقط أسماء الخطوط ، ولكن أيضا ملفات خطوط محددة في التنسيق.صندوق النقد الدولي أو .أوتف:

@الخط الوجه {

الخط الأسرة: كوستومفونت;

سرك: ورل("كوستومفونت.الصندوق");

}

بعد ذلك ، يمكنك تحديد الخط الذي تم إنشاؤه للعنصر:

ص {

الخط الأسرة: كوستومفونت;

}

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

قاعدة تعيين حجم الخط

هناك عدة طرق لتعيين حجم الخط في كس.

الطريقة الأولى هي تعيين قيمة ثابتة بالبكسل. على سبيل المثال:

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

تحدد هذه القاعدة البسيطة حجم الخط إلى 16 بكسل,

والتي سوف تنطبق على جميع عناصر النمط المقابل.

الطريقة الثانية هي استخدام قيمة النسبة المئوية النسبية.

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

حجم الخط: 100%;

تحدد هذه القاعدة حجم الخط إلى 100 ٪ من حجم الخط

تعيين على مستوى العنصر الأصل.

الطريقة الثالثة هي استخدام الكلمات الرئيسية. على سبيل المثال:

حجم الخط: صغير;

في هذه الحالة ، سيتم تعيين حجم الخط وفقا لـ

القيم الأساسية القياسية مثل الصغيرة والمتوسطة,

كبيرة وغيرها.

كل طريقة لها خصائصها الخاصة وتستخدم في مختلف

الحالات ، اعتمادا على متطلبات التصميم وسهولة القراءة

النص.

كيفية تغيير نمط الخط المغلق

1. ملكية عائلة الخط

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

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

2. خاصية حجم الخط

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

في هذا المثال ، حددنا أن رؤوس المستوى الأول (ح1) يجب أن يكون حجم الخط 36 بكسل.

3. خاصية وزن الخط

تتيح لك خاصية وزن الخط ضبط تشبع الخط ودرجة محتواه من الدهون. يمكن أن تكون القيم رقمية (100, 200,...، 900) أو الكلمات الرئيسية (عادي ، غامق ، أكثر جرأة ، أخف وزنا). على سبيل المثال:

في هذا المثال ، أشرنا إلى أن جميع العلامات (غامق) يجب أن تستخدم خطا غامقا.

4. خاصية زخرفة النص

تتيح لك خاصية زخرفة النص تعيين تنسيق النص ، مثل التسطير ويتوسطه خط وخطوط أعلى النص. يمكن أن تكون قيم هذه الخاصية بلا ، وتسطير ، وخط علوي ، وخط ، وغيرها. على سبيل المثال:

في هذا المثال ، أشرنا إلى أنه يجب وضع خط تحت الروابط عند التمرير فوق المؤشر.

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