CSS هو وسيلة أكثر قوة ومتسقة لتصميم صفحة الويب الخاصة بك. هذا يجعلها الطريقة المثالية لتحديد كيف تبدو صفحتك، في حين تم تصميم HTML لتحديد معنى صفحتك. لا بأس تماماً باستخدام علامات HTML عندما تريد التأكيد على النص المهم، ولكن سي إس إس سيعطيك سيطرة أقرب على المظهر البصري للنص الجاف. حاول فتح صفحة HTML أساسية باستخدام متصفحات مختلفة، وقد تلاحظ اختلافات في العرض. يخبر CSS المتصفح بالضبط كيفية عرض النص المعدل بواسطة علامة معينة، لتقليل كمية التباين. إذا لم تكن تعرف CSS بعد، فإن استخدام "CSS Inline" هو وسيلة جيدة للبدء. في حين يمكنك استخدام هذا لتغيير العلامات مثل <p> أو <h1>، في بعض الأحيان سوف تريد تغيير النص الذي ليس بالفعل بين العلامات. في هذه الحالة، ضع النص بين علامات <span></span>. هذا ليس له تأثير من تلقاء نفسه، ولكنه يعطينا شيئاً للعمل معه. هذا هو المثال الذي سنستخدمه: لقد تعلمت كيفية جعل هذا النص جافًا باستخدام CSS الداخلي. يتم كتابة سمات HTML مباشرة في العلامة ، داخل القوسين. سمة style ضرورية لإدراج CSS في علامة HTML، لذلك سنقوم بإدراج style= في علامة span: <span style=> لقد تعلمت كيفية جعل هذا النص جافًا مع CSS الداخلي.</span> لا يوجد سبب لإضافة سمة style دون تحديد أي أنماط. نحن فقط نأخذ هذا خطوة بخطوة لنجعله سهلاً للمتابعة يتم إضافة خصائص CSS كجزء من سمة النمط. في حالتنا، سنستخدم خاصية وزن الخط، والتي تحدد مدى سمك رسم الخط. يمكن استخدام هذه الخاصية الفردية لعرض النص الجاف (الزائد السماكة) ، النص الرقيق ، أو حتى تحديد أن النص يجب أن يعرض بسماكة عادية. أضف "font-weight: " بعد علامة =، مثل هذا: <span style="font-weight: "> تعلمت كيفية جعل هذا النص جافًا مع CSS الداخلي.</span> مرة أخرى، هذا غير مكتمل ولن يفعل أي شيء من تلقاء نفسه. لا تنسى علامات الاقتباس قبل وبعد font-weight: الشيء الوحيد الذي نحتاج أن نفعله الآن هو إضافة قيمة لـ font-weight، بين font-weight: وعلامة الاقتباس النهائية. هناك عدد قليل من الخيارات لمختلف الكميات من "الجرأة" ، ولكن القيمة الجريئة هي الأسهل في الاستخدام: لقد تعلمت كيفية جعل هذا النص جريئة مع CSS الداخلي. يمنحك CSS خيارات أكثر بكثير من HTML ، لذلك لا تحتاج إلى الشعور بالقيود. وهنا عدة بدائل لقيمة "جاف": <span style="font-weight:bolder">يجب أن يكون نص "جاف" دائمًا أكثر سمكًا من العنصر الأولي.</span> على سبيل المثال، إذا قمت بإجراء فقرة كاملة "جاف"، ثم استخدم "جاف" على جملة فردية داخل تلك الفقرة، فسوف تكون أكثر سمكًا. <span style="font-weight:normal">يظهر نص "طبيعي" كطبيعي حتى لو كان النطاق داخل علامة جاف.</span> <span style="font-weight:900">يمكنك بدلاً من ذلك استخدام رقم من 100 إلى 900 لتحديد السماكة. 400 هو النص العادي، في حين أن النص الجاف يستخدم سمك 700 بشكل افتراضي.  ملخص:
فهم متى تستخدم CSS. أضف علامة <span> إلى نصك. أضف صفة الأسلوب. إضافة خاصية وزن الخط أضف القيمة الجريئة. تجربة مع قيم أخرى.