تباعد الأسطر، CSS، أساسيات

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

المعلومات الضرورية

CSS لتقف على ورقة الأنماط المتتالية، التي ترجمت وسائل "أوراق الأنماط المتتالية". وتستخدم هذه اللغة لصفحات الويب التي كانت مكتوبة بلغة الترميز (على سبيل المثال، HTML). قبل ظهور CSS مجموعات ثيقة تصميم مع المدمج في علامات HTML، لكنها كانت غير مريحة للغاية والفيضانات رمز بأكمله. ولذلك تقرر إنشاء لغة جديدة من شأنها أن تكون مسؤولة عن التسجيل. اليوم، CSS و HTML - مفهومان لا ينفصلان. تركيب الأنماط المتتالية بسيط جدا، فإنه يستخدم الخصائص والقيم، مثل «خلفية: أحمر». تعيين نطاق، أنت فقط بحاجة إلى الكتابة إلى اسم العلامة الخاصية (أو معرف): «هيئة {خلفية: أحمر. } "لكن الفريق نفسه يتم وضعها بين الأقواس. في نهاية كل سطر سجلت مع وصف للخصائص أن تكون فاصلة منقوطة، وإلا يحدث خطأ.

فترات

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

لمزيد من المعلومات،

وبما أننا نتحدث عن فترات، ومن الجدير بالذكر حول المسافة بين الحروف. لتحديد هذه الخاصية في CSS تخصيص ممتلكات منفصلة، وهي الرسالة تباعد. هذا الأمر هو مبدأ عمل مشابه لخط الطول. وحدة القيم الأخرى نفس. CSS-تباعد بين الحروف ويمكن أيضا أن تطبق على جميع العناصر، ويحظى بدعم من كافة إصدارات اللغة. مثال على خصائص: «H2 {إلكتروني تباعد: 10px؛ } ". إذا قمت بتعيين الفاصل بين الحروف للعنصر الجسم، ثم كل العناصر سيرث هذه الميزة (إذا لم يتم تجاوز قيمة صراحة).

استنتاج

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