الإعدادات في CSS: تباعد الأسطر

في CSS، والمسافة بين السطور من السهل جدا لتعيين. لهذا الغرض هناك ملكية خاصة. ولكن، بطبيعة الحال، هناك العديد من العوامل الأخرى، التي هي حقوق عالمية ويمكن تطبيقها على النص.

إذا لم يتم فعل أي تعديل، يتم تعيين لك القيم الافتراضية. يمكنك تغيير المسافة إذا رغبت في ذلك. يمكن أن تكون القيمة إما مئوية أو بكسل.

ارتفاع الصف

يمكن البرهنة على مسافة CSS بين الأسطر عن طريق الرقم التالي.

في الصورة أعلاه يظهر المعلمات مع مسافات المقابلة. هذا النص هو في الفضاء حجم الخط. لاحظ أنه لا يبدأ خط النص في القاعدة وأعلى قليلا. المكان المخصص أدناه لالرسائل التي لها عناصر السفلية (ز، ص، وهلم جرا).

لاحظ أن المسافة بين الكتل حجم الخط يسمى يؤدي. مع HTML و CSS لا تظهر هذه الخاصية، ولكنه في غيرها من المحررين الرسم والنص. على سبيل المثال، في أدوبي فوتوشوب.

الشكل أعلاه يظهر فيها في "فوتوشوب"، يمكنك تحديد الرائدة. وحدد الإعداد حجم الخط القادم.

أمثلة على استخدام خط الطول

في CSS، والمسافة بين السطور يمكن تعيين في المائة. وفيما يلي مثال توضيحي.

في حالة قيم صغيرة للمستخدم من موقع الويب الخاص بك سيكون غير مريح للقراءة.

المسافة يمكن أن يكون متنوعا وحجم الخط. إذا كان الفرق بين المعايير الأساسية سوف تختلف اختلافا كبيرا من حيث العدد ويتم تعويض الفرق في الزيادة الرائدة.

الأبعاد الخفية للتصميم

يمكن أن المسافة بين خطوط CSS تخصيص مزيد تزكي المختلفة. النظر في المثال في الشكل.

في "العنصر" في هذه الحالة سوف يكون النص. الحشو - الحشو داخل الكائن، والهامش - المسافة البادئة للكائن. الحدود - وهذا الإطار. ويمكن أن يكون 0 بكسل، ويمكن أن تكون 100.

توضح الصورة التالية فورا عن جميع الهوامش، والإطار وارتفاع سطر من النص.

إذا كان لديك نص صغير، وكلها في سطر واحد، أو كل سطر في فقرة منفصلة، والمسافة يمكن تعديلها بين الفقرات بادئة. وهذا هو الإفساد والحشو بين السطور في خلية واحدة لن يكون لها تأثير. لأنها تخلق المسافة البادئة فقط على حواف الكائن. الاعتراض - هذه الفقرة بأكملها، بدلا من الخطوط في ذلك. ومن المهم عدم الحصول على الخلط.

في الحالات التي يكون فيها، فمن المستحسن عدد كبير من الصفوف، وكلها تقع في نفس الكائن الخط إلى تغيير المعالم الأساسية.

كيفية زيادة المسافة بين السطور من CSS

المسافة بين السطور من HTML، يمكنك التسجيل للأي فئة أو لجميع الفقرات الواردة في النص. إذا قمت بتحديد مثل هذا: {ع خط الطول: 20px؛ } - ثم على الاطلاق وجميع الفقرات في الصفحة يكون سلاسل من 20 بكسل. إذا كنت ترغب في أماكن مختلفة في أحجام مختلفة، فمن المستحسن أن تفعل ما يلي:

نحن يصف الأساليب.

.class1 {خط الطول: 20px؛ }

.class2 {خط الطول: 16px؛ }

.class3 {خط الطول: 12px؛ }

من أجل الوضوح، ونضيف إلى إطار، لذلك يمكنك أن ترى أن يعمل. في المستقبل، فإنه يجب إزالتها.

التالي، ونحن نستخدم هذه الفئات. والنتيجة هي على النحو التالي.

لاحظ أنه في الحالة الثالثة، قاد الفرقة على النص. كل يرجع ذلك إلى حقيقة أن حجم الخط أكبر من ارتفاع السطر. وبالتالي، فمن المهم التأكد من أن هذه الصراعات لم تكن. إذا كنت تفعل ارتفاع خط صغير، على التوالي، والحد من الخط.

فمن غير المستحسن أن تفعل القليل من النص وعلى بعد مسافة صغيرة بين السطور. وبما أن أيا من المستخدمين لن تكون قادرا على قراءة كل شيء بهدوء. والعيون المتعبة بسرعة. ويقول محركات البحث أيضا أن النص هو سهل الاستعمال.

وعلاوة على ذلك، في السنوات الأخيرة هناك تركيز قوي على سهولة الاستخدام لمستخدمي الهواتف المتحركة. وقال توصيات هناك دائما أن حجم الخط يجب أن تكون طبيعية، وليس صغيرا. خصوصا بشدة يؤثر على المرجعية. مع صغر حجمها المستخدم سوف يكون من الصعب استخدام التنقل في الموقع.

في محرك البحث "جوجل" هي أداة خاصة التي تساعد في التحليل. ومن المريح جدا لأصحاب المواقع.

هنا مثال للنتائج التي قد تكون.

فمن المستحسن استخدام هذه النصائح لهذه المعايير تؤثر على نتائج البحث.