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