واحدة من أسهل الطرق لجعل النص غامقا على صفحة ويب هو استخدام كس. كس (أوراق الأنماط المتتالية) هي لغة نمط تستخدم لتصميم وترتيب العناصر على صفحة ويب. يمكنك استخدام كس لتغيير الخط والحجم واللون والسمات الأخرى للنص.
من أجل جعل النص غامقا في كس ، تحتاج إلى تعيين خاصية وزن الخط مع قيمة جريئة. على سبيل المثال:
قوي { الخط الوزن: جريئة؛}
في هذا المثال ، نقوم بتعيين نمط الخط الغامق لعنصر بعلامة قوية. إذا كنت تريد أن يكون كل النص الموجود على الصفحة غامقا ، فيمكنك استخدام المحدد العام * :
* { الخط الوزن: جريئة؛}
الآن سيتم عرض جميع العناصر الموجودة على الصفحة بالخط العريض. ومع ذلك ، يجب أن نتذكر أن استخدام الخط الغامق يجب أن يكون بوعي حتى لا تفرط في تحميل الصفحة بالمعلومات وتسهل قراءتها.
- المبادئ الأساسية
- استخدام خاصية وزن الخط
- تعيين خط غامق باستخدام علامة هتمل
- تطبيق الأنماط باستخدام المحددات
- باستخدام خصوصية المحددات
- تغيير محتوى الدهون في الخط باستخدام خاصية وزن الخط
- أمثلة على استخدام الخط الغامق في كس
المبادئ الأساسية
. على سبيل المثال:
- للتطبيق على عنصر واحد:
- للتطبيق على جميع عناصر فئة معينة:
- وزن الخط: غامق;
، مثل
أكثر جرأة
أو
أخف وزنا
- ، لتغيير محتوى الدهون في النص بالنسبة لقيمته الحالية.
- باستخدام هذه المبادئ ، يمكنك جعل نص صفحة الويب أكثر تعبيرا وقراءة للمستخدمين.
- استخدام خاصية وزن الخط
- يتم استخدام خاصية وزن الخط في كس لتعيين محتوى الدهون في النص. يمكن أن تأخذ القيم التالية:
- عادي: يحدد محتوى الدهون العادي للنص (القيمة الافتراضية);
غامق: يحدد الخط الغامق;
مثال على استخدام خاصية وزن الخط في كس:
ص {
وزن الخط: غامق;
}
في هذا المثال ، سيتم عرض الفقرات بالخط العريض.
تعيين خط غامق باستخدام علامة هتمل
يتم استخدام علامة هتمل لتعيين النص بالخط العريض. يتم تطبيق هذه العلامة على الكلمات أو العبارات الفردية للتأكيد على أهميتها أو لتركيز انتباه القارئ. الخط الغامق يجعل النص أكثر وضوحا ويميزه عن باقي المحتوى.
لتطبيق خط غامق على نص معين ، يمكنك إرفاق هذا النص في علامة. على سبيل المثال:
سيتم تمييز هذا النص بالخط العريض.
يمكنك أيضا استخدام العلامة (مائل) مع العلامة لتسطير نص مهم. نتيجة لمزيج هذه العلامات ، سيتم تمييز النص بالخط العريض والمائل ، مما يضيف مزيدا من الاهتمام إليه. على سبيل المثال:
سيتم تمييز هذا النص بالخط العريض والمائل.
- في كس (أوراق الأنماط المتتالية) ، يمكنك تطبيق أنماط على عناصر على صفحة ويب باستخدام محددات. تتيح لك المحددات تحديد عناصر معينة وتعيين أنماط لها بناء على علاماتها أو فصولها أو معرفاتها أو سماتها الأخرى.
- ف محدد
- .تسليط الضوء
- # رأس
فإنه سيتم تحديد عنصر مع معرف" رأس".
العناصر الزائفة: حدد جزءا معينا من العنصر. على سبيل المثال,
ف: محدد الطفل الأول
سيتم تحديد الفقرة الأولى داخل العنصر الأصل.
يمكنك استخدام هذه المحددات لتعيين أنماط لعناصر مختلفة على صفحة ويب. على سبيل المثال ، يمكنك تغيير لون النص لجميع الفقرات أو فقط للفقرات التي تحتوي على فئة "تمييز".
بالإضافة إلى ذلك ، يمكنك الجمع بين محددات مختلفة لإنشاء قواعد نمط أكثر تعقيدا. على سبيل المثال ، يمكنك تحديد جميع العناصر من نوع معين داخل عنصر آخر ، أو فقط تلك العناصر التي هي أحفاد عنصر معين.
يساعد استخدام المحددات في هيكلة وتنظيم الأنماط لصفحة الويب ، مما يجعلها أكثر وضوحا وأسهل في الصيانة. إنها أداة قوية لإنشاء تصميم موقع جذاب وحديث.
باستخدام خصوصية المحددات
كل محدد له خصوصيته الخاصة ، والتي يتم تحديدها من خلال عدد ونوع المحددات المحددة في القاعدة. على سبيل المثال ، يكون لمحدد الفئة خصوصية أقل من محدد المعرف.
إذا كانت المحددات لها نفس الخصوصية ، فإن القاعدة المحددة الأخيرة ستكون لها الأسبقية. هذا يعني أنه يمكنك إعادة تعريف الأنماط عن طريق إضافة قواعد جديدة أو تغيير الترتيب الذي يتم به الإعلان عن المحددات.
لزيادة خصوصية المحددات ، يمكنك استخدام المحددات المدمجة مثل الأحفاد أو الفئات الزائفة. يتيح لك ذلك تحديد عناصر التصميم بدقة أكبر.
بالإضافة إلى ذلك ، يمكنك استخدام المحددات المتداخلة لتحديد العناصر الموجودة داخل العناصر الأخرى. على سبيل المثال:
ف قوي
وهذا محدد تحديد كافة العناصر القوية التي هي أحفاد عناصر ص.
إذا كنت بحاجة إلى تطبيق النمط على عنصر واحد محدد فقط ، فيمكنك استخدام محدد المعرف. سيوضح لك الرمز أدناه كيفية القيام بذلك:
من المهم أن تتذكر أن استخدام محددات محددة للغاية يمكن أن يجعل من الصعب الحفاظ على الأنماط وتغييرها في المستقبل. لذلك ، يوصى باستخدام محددات بسيطة وسهلة القراءة بحيث يكون الرمز واضحا ومرنا.
,
أخف وزنا
| . يعتمد التأثير المحدد الذي سيكون مرئيا على النص على الخطوط المتاحة المحددة في الخط المحدد. | فيما يلي بعض الأمثلة على قيمة العقار |
|---|---|
الخط الوزن | : |
القيمة | الوصف |
عادي | خط عادي (غير غامق) |
جريئة | خط غامق |
عنصر أخف
الخط الوزن
الخط الوزن
وزن الخط: 100;
}
ح1 {
| وزن الخط: 700; | } |
| في المثال أعلاه ، الفقرة ( | |
| ) سيكون النص غير دهني بسبب قيمة 100 ، ورأس المستوى الأول ( | ) سيكون النص غامقا بسبب القيمة 700. |
| الصفحات مع تغيير حجم الخط باستخدام الخاصية | الخط الوزن |
| يمكن أن تبدو أكثر إثارة للإعجاب وتنظيما. | أمثلة على استخدام الخط الغامق في كس |
يمكن استخدام الخط الغامق في كس لتسليط الضوء على المعلومات الهامة ، وخلق التباين ، أو إعطاء نظرة أكثر تعبيرا للنص. فيما يلي بعض الأمثلة على استخدام الخط الغامق: