اذهب إلى المحتوى

السؤال

نشر

السلام عليكم و رحمة الله و بركاته

تعرفت ان حجم الخط الطبيعى الذي يظهر بصفحات او مواقع الويب 16 فما هو حجم الخط h1 , و هل h2 تكون قيمته مقسومة على 2 و هكذا فى باقى عناصر ال head

و لكم جزيل الشكر

Recommended Posts

  • 0
نشر

السلام عليكم أخي ، حياك الله ، 
h1 اكبر حجم
h2 اصغر من h1

h3 اصغر من h2

h4 اصغر من h3

h5 اصغر من h4

h6 اصغر من h5

p كتابة نص عادي
ويمكنك تغيير حجم خط p من خلال css 
مثال
 

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <p id="text1">Hello,World</p>
  </body>
  ####جرب الكود الي فوق قبل ما تكمل و شوف الفرق بين النتيجتين
  <style>
    #text1{
      font-size:50px;
    }
  </style>
</html>

 

  • 0
نشر

وعليكم السلام أهلا بك أحمد,

أن كل من h1 إلى h6 يسموا بال Heading وهي قيم تلقائية من لغة html ولكل منها استخدام في مكان خاص, ويعتمد حجم الخط هذا على المتصفح الذي تستخدمه لأنه هو الذي يترجم بنية ال HTML ومن ثم يظهرها على الصفحة وهذا بسبب عدم وجود حجم ثابت محدد من قبل W3 ولكن في حال إستخدمنا وحدة البيكسل في قياس حجم ال Heading فهذه بعض من أحجام 

h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:20px} 

ولكن لو أخذنا مقياس ال em حيث أن ال em تعني كم مرة يكون حجم الخط أكبر من الخط الحالي وكما قلت حجم الخط التلقائي هو 16px يعني حيث أن كل  1em تساوي 16px فيكون الأحجام كالتالي: 

h1 { font-size: 2em;}
h2 { font-size: 1.5em;}
h3 { font-size: 1.17em;}
h4 { font-size: 1em;}
h5 { font-size: .83em;}
h6 { font-size: .75em;}

 

  • 0
نشر
بتاريخ الآن قال Ahmed Gamal:

جزاك الله خيرآ يا بشمهندس
بس هو حسبت الــ HEADING كده فيها خطأ
يعنى المفروض كدة ان h1 = 2em = 32px

كما قلت لك إن الأمر غير ثابت ويختلف من متصفح إلى أخر حيث أن هنالك متصفحات تتعامل مع حجم الخط الطبيعي ب 15px ويوجد 16px ,غير أنه في الغالب يتم التعديل عليها حسب ما تريد في ملف ال CSS عام للموقع بحيث مثلاً إذا كنت تريد حجم الخط h1 يكون 40px فيمكنك تعريف ذلك وإستخدامه في كل موقعك وهكذا. وهذا ما يحدث عند إستخدامك ل bootstrap مثلاً أو لو جلبت قالباً جاهزاً لتصميم معين فستجد أن كل مصمم يحدد ما يحتاجه حسب ذوقه ورؤيته للأمر ويعمم ذلك لكل الموقع حتى يكون كل شيء متناسقاً.

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...