[ شروحات CSS ] شرح الفرق بين Px - Em - % - Pt و تعريف بهم

شرح الفرق بين Px - Em - % - Pt و تعريف بهم عندما تري تصميمات مواقع او اكواد Css فانك كثيرا ترى مثلا font-size:20px; font-size:2em; margin:100px; margin:10em;ما هو الفرق

  #1  
افتراضي [ شروحات CSS ] شرح الفرق بين Px - Em - % - Pt و تعريف بهم


[ شروحات CSS ] شرح الفرق بين Px - Em - % - Pt و تعريف بهم

عندما تري تصميمات مواقع او اكواد Css فانك كثيرا ترى مثلا

كود:
font-size:20px;
font-size:2em;
margin:100px;
margin:10em;
ما هو الفرق بين هذه القياسيات ؟

نأتي لأول شيء

Em

و هي قياس متغير على حسب حجم الخط الخاص بالملف الذي تعمل فيه لنفترض مثلا ان جسم الصفحة Body حجم الخط الموجود به هو 15px معني هذا ان كل 1em يساوي 15px اذا في حالة استعملنا لعنصر حجم الخط 3em سوف يكون حجم الخط 45px

ثاني شيء

Px

و هي قياس ثابت ولا يتغير و هو عبارة عن نقطة في حجم الشاشة كل واحد بيكسل يساوي نقطة من النقاط الموجودة في حجم الشاشة مثلا لو كانت شاشتك الابعاد الخاصة بها 800X600 إذا 800px هو عرض شاشتك و 600px هو الطول

ثالث شيء

Pt

و هي تعتبر مثل Px و لكن تستخدم في الطباعة او في تصميم اي شي يختص بالطباعة على الورق مثلا و هي تساوي حوالي 1/72 من ال Inch

آخر شي هي

النسبة المئوية ( % )

و هي من معناها واضحة لنفترض مثلا ان جسم الصفحة Body حجم الخط الموجود به هو 15px اذا لو كان حجم الخط 100% سوف يكون 15px لو كان حجم الخط 200% سوف يكون حجم الخط 30px و هكذا

المثال الحي التالي يوضح كل شي بالتفصيل الممل

مثال باللغة العربية Download67090


اقتباس
  #2  
افتراضي رد: [ شروحات CSS ] شرح الفرق بين Px - Em - % - Pt و تعريف بهم

شكرا على المشاركه
اقتباس
  #3  
افتراضي رد: [ شروحات CSS ] شرح الفرق بين Px - Em - % - Pt و تعريف بهم

شكرا لك وينقل للمجلة هنا
اقتباس
  #4  
افتراضي رد: [ شروحات CSS ] شرح الفرق بين Px - Em - % - Pt و تعريف بهم

الف شكككر مماقصصصرت
اقتباس

الكلمات الدلالية (Tags)
الفرق, css, بيئ, تعريف, تهم, شرح, شروحات


أدوات الموضوع إبحث في الموضوع
إبحث في الموضوع:

البحث المتقدم
انواع عرض الموضوع تقييم هذا الموضوع
تقييم هذا الموضوع:

الانتقال السريع

مواضيع ذات صلة
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
ما الفرق بين ويندوز 8 وبين التحديث الاخير 8.1 .. ادخل لتعرف الفرق SoF!@N ويندوز Windows 1 2013-09-07 11:13 PM
AutoScreenRecorder Pro 3.1.375 لعمل شروحات بالفيديو nassaraha ويندوز Windows 0 2012-04-04 08:09 PM
طلب برنامج يعمل شروحات bluff الاستفسارات والطلبات و شرح البرامج 1 2012-01-18 11:09 AM
۩۞۩ هام : تعريف الإسلام 10 قـف ! انتبه يا مسلم ! تعريف الإيمان و نواقضه ۩۞۩ حذيفة بن اليمان المواضيع العامة 1 2011-04-04 08:23 AM
۩۞۩ هام : تعريف الإسلام 9 قـف ! انتبه يا مسلم ! تعريف الإيمان و نواقضه ۩۞۩ حذيفة بن اليمان المواضيع العامة 1 2011-03-09 07:54 AM


الساعة المعتمدة بتوقيت جرينتش +3 . الساعة الآن 07:22 PM.

جميع الحقوق محفوظة لـ الدعم العربي التطويري | مدعوم بواسطة فبلتن ®

Your Avatar

تسجيل الخروج غير مسجل

هل أنت متأكد برغبتك في الخروج من المنتدى؟ تسجيل الخروج