تسمح أوراق الأنماط المتتالية لمطوري صفحات الويب بإنشاء أنماط مرئية فريدة وجذابة للمحتوى. واحدة من الجوانب الهامة من كس هو تخصيص نمط الفقرة التالية. باستخدام خصائص ومحددات كس المختلفة ، يمكن للمطورين التحكم في مظهر وسلوك الفقرة التالية على الصفحة.
هناك عدة طرق لتخصيص نمط الفقرة التالية باستخدام كس. أولا ، يمكنك استخدام محدد" الأخوة المناسب " لتحديد نمط الفقرة التالية بعد عنصر معين في الصفحة. يتم تحقيق ذلك باستخدام الرمز " + " ، والذي يشير إلى أن العنصر التالي مجاور ويجب أن يكون له نمط معين.
الطريقة الثانية هي استخدام الفئات لتعيين نمط الفقرة التالية. يمكن للمطور إنشاء فئة وتطبيقها على الفقرة التالية لتحديد نمط معين لهذا العنصر. هذا مفيد بشكل خاص عندما تكون هناك عدة فقرات على الصفحة وكل منها يتطلب أسلوبا فريدا.
بغض النظر عن الطريقة التي تختارها ، من المهم توخي الحذر عند تعيين نمط الفقرة التالية. يجب أن تكون الأنماط متسقة مع التصميم العام للصفحة وسهلة القراءة. من الضروري أيضا تذكر أنه في المواقع ذات البنية متعددة الصفحات ، يمكن أن تؤثر التغييرات في الأنماط على بقية الصفحات. لذلك ، يوصى باستخدام الفئات والمعرفات لتحديد نمط فقرة معينة ، بدلا من الصفحة بأكملها.
- تعلم أسلوب الفقرة التالية في كس
- ما هو النمط في المغلق?
- أساسيات كس لتصميم الفقرة
- معرفات لتحديد الأنماط
- فئات لتصميم الفقرة
- عناصر زائفة لإضافة نمط إلى هتمل
- أمثلة على رمز كس لتصميم الفقرة التالية
- 1. تغيير لون الخلفية
- 2. تغيير لون النص والخط
- 3. تغيير الهوامش والمحاذاة
- 4. تغيير نمط الحدود
- سؤال وجواب
تعلم أسلوب الفقرة التالية في كس
هناك عدة طرق لتخصيص نمط الفقرة التالية في كس. في هذا الدليل ، سنلقي نظرة على طريقتين رئيسيتين: استخدام فئة زائفة :الأول من النوع واستخدام جافا سكريبت.
- باستخدام فئة زائفة: الأول من النوع:
- الخطوة 1: حدد نمط الفقرة الأولى داخل العنصر
- الخطوة 2: استخدم الفئة الزائفة: الأول من النوع لتخصيص نمط الفقرة التالية
- مثال على الكود:
- اللون: أحمر;
| أتش تي أم أل | المغلق |
|---|---|
| الفقرة الثانية | القسم ف: الأول من النوع { |
| وزن الخط: غامق; | ||
|---|---|---|
| أتش تي أم أل |
كونست الفقرة = وثيقة.جيتليمينتبيد ('الفقرة الأولى');
الفقرة.أسلوب.اللون = 'الأحمر';
- الفقرة.أسلوب.وزن الخط = 'جريئة';
- ص {
اللون: أحمر;
وزن الخط: غامق;