said
10-30-2013, بتوقيت غرينيتش 08:54 PM
http://www.dzbatna.com/images/icons/iconrote.gif ط´ط±ط* ط§ظ„ظپط±ظ‚ ط¨ظٹظ† Px - Em - % - Pt ظˆ طھط¹ط±ظٹظپ ط¨ظ‡ظ… (http://www.dzbatna.com/t2280961/)
[ شروحات CSS ] شرح طريقة الفرق بين Px - Em - % - Pt و تعريف بهم
عندما تري تصميمات مواقع او اكواد Css فانك كثيرا ترى مثلا
رمز Code:
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 و هكذا
المثال الحي التالي يوضح كل شي بالتفصيل الممل
مثال باللغة العربية px-em-%-pt ar - CodePen (http://codepen.io/OsamaElzero/pen/Epkiq)
تم كتابة الدرس مفصل كاملا و المثال عن طريقي
اتمني من الله يكون الدرس مفصل مفيد وواضح اخوكم Osama
التعديل الأخير كان بواسطة -==Zero==-; 04 - 06 - 2014 الساعة 14:54
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
[ شروحات CSS ] شرح طريقة الفرق بين Px - Em - % - Pt و تعريف بهم
عندما تري تصميمات مواقع او اكواد Css فانك كثيرا ترى مثلا
رمز Code:
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 و هكذا
المثال الحي التالي يوضح كل شي بالتفصيل الممل
مثال باللغة العربية px-em-%-pt ar - CodePen (http://codepen.io/OsamaElzero/pen/Epkiq)
تم كتابة الدرس مفصل كاملا و المثال عن طريقي
اتمني من الله يكون الدرس مفصل مفيد وواضح اخوكم Osama
التعديل الأخير كان بواسطة -==Zero==-; 04 - 06 - 2014 الساعة 14:54
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
