تحتوي أوراق الأنماط المتتالية على العديد من الطرق لتنسيق النص الذي يسمح لك بإنشاء صفحات ويب جذابة وقابلة للقراءة. إحدى هذه الطرق هي استخدام المحددات لتطبيق الأنماط على عناصر هتمل معينة ، مثل الفقرات (علامة ف).
باستخدام كس ، يمكنك تغيير الحجم والخط واللون والمزيد لكل فقرة فردية على صفحة ويب. على سبيل المثال ، يمكنك تكبير النص أو تمييزه بالخط العريض أو إضافة أهمية باستخدام العلامة القوية. يمكنك أيضا تطبيق تأثيرات مائلة باستخدام علامة إم أو استخدام علامة الاقتباس لتمييز علامات الاقتباس.
بفضل أداة تنسيق النص المرنة والقوية التي توفرها كس ، يمكن لمنشئي صفحات الويب التحكم بشكل مستقل في مظهر وتنسيق النص في مشاريعهم. يساعد ذلك على زيادة سهولة قراءة المحتوى وجاذبيته ، مما يجعله أكثر سهولة في الاستخدام.
- تنسيق النص في كس: خلق نظرة جذابة لفقرة واحدة
- محاذاة النص العمودي في كس: تعيين خاصية ارتفاع الخط
- إدارة المساحة حول فقرة: خصائص الهامش والحشو في كس
- تغيير نمط ولون النص: تطبيق خاصية الخط في كس
تنسيق النص في كس: خلق نظرة جذابة لفقرة واحدة
لإنشاء مظهر جذاب لفقرة واحدة من النص في كس ، يمكننا استخدام خصائص وقيم مختلفة.
. هنا يمكننا تحديد اسم الخط أو قائمة الخطوط التي يمكن استخدامها ، مع الأولوية من الأول إلى الأخير.
. هنا يمكننا تحديد حجم النص بالبكسل أو النسب المئوية أو وحدات القياس الأخرى.
).
(محاذاة العرض).
يحدد المسافة بين حدود الفقرة ومحتوياتها.
من المهم ملاحظة أنه يمكن ربط خصائص كس معا لتطبيق خصائص متعددة على فقرة واحدة في وقت واحد. على سبيل المثال ، يمكنك إنشاء قاعدة لفقرة على النحو التالي:
| محدد { |
|---|
- قيمة العقار.
باستخدام مجموعة من خصائص وقيم كس المختلفة ، يمكنك إنشاء مظهر جذاب لفقرة واحدة. من المهم تجربة خصائص ومعاني مختلفة للعثور على التركيبة المثالية للنص الخاص بك.
محاذاة النص العمودي في كس: تعيين خاصية ارتفاع الخط
يبدو مثل هذا:
- .
- .
ينطبق على كل من النص داخل الكتلة والمسافات والمسافات البادئة بين السطور.
، ثم سيتم عرض النص داخل الكتلة على ارتفاع يساوي حجم خط ونصف. وبالمثل ، فإن المسافات والمسافات البادئة بين السطور ستكون أحجام خط ونصف عالية.
.
يمكن تطبيقه ليس فقط على النص ، ولكن أيضا على عناصر أخرى ، مثل الروابط أو الأزرار.
في كس ، يمكنك بسهولة ومرونة التحكم في المحاذاة الرأسية للنص داخل العناصر على صفحة ويب.
إدارة المساحة حول فقرة: خصائص الهامش والحشو في كس
في كس ، هناك نوعان من الخصائص الرئيسية التي تسمح لك للسيطرة على الفضاء حول فقرة: الهامش والحشو.
تحدد خاصية الهامش مقدار الهامش من حد العنصر إلى العناصر المجاورة. على سبيل المثال ، إذا قمت بتعيين قيمة الهامش إلى 10 بكسل;، ثم سيتم تطبيق المسافات البادئة من 10 بكسل على جميع الجوانب الأربعة للفقرة.
تتحكم خاصية الحشو في المسافة البادئة داخل الفقرة نفسها. قيمة الحشو: 10 بكسل ؛ سيحدد هوامش 10 بكسل على جميع جوانب الفقرة.
أيضا ، يمكن استخدام كلتا الخاصيتين مع وحدات قياس مختلفة ، على سبيل المثال ، وحدات البكسل (بكسل) أو النسب المئوية ( ٪ ) أو الوحدات النسبية الأخرى.
من المهم ملاحظة أنه عند استخدام هذه الخصائص ، يجب أن تكون حذرا ، لأن القيم الكبيرة جدا يمكن أن تؤدي إلى مساحة غير كافية لاستيعاب المحتوى أو تعطيل الهيكل العام للمستند.
لذلك ، يوصى بتجربة قيم مختلفة لخصائص الهامش والحشو من أجل تحقيق التأثير المرئي المطلوب والامتثال لمبادئ التصميم الجيد.
تغيير نمط ولون النص: تطبيق خاصية الخط في كس
، تشمل:
- : يحدد نوع الخط لاستخدامها ، على سبيل المثال: أريال ، بلا الرقيق.
- : يحدد حجم الخط ، على سبيل المثال: 12 بكسل ، 1.2 م.
- : يحدد نمط الخط ، على سبيل المثال: مائل.
- : يحدد تشبع الخط ، على سبيل المثال: غامق.
- : يحدد لون النص ، على سبيل المثال: #000000 ، رغب(0 ، 0 ، 0).
إلى النص في كس ، تحتاج إلى تحديد قيمته في قاعدة النمط. على سبيل المثال ، لتثبيت الخط أريال مع حجم 14 بكسل ولون أحمر ، يمكنك استخدام التعليمات البرمجية التالية:
الخط الأسرة: أريال;
}