style : ايهما افضل ؟

[SyrWorld]

الاخوة اعضاء منتدى سوالف الاعزاء السلام عليكم ورحمة الله وبركاته

كما هو واضح من العنوان استفساري عن تعريفين css :
الأول :

h1 {
    color: #565656;
    font-family: Arial, Geneva, sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    }

الثاني :

h1 {
    color: #565656;
    font: bold 20px Arial, Georgia, serif;
    text-align: center;
}

أيهما افضل وصحيح ؟

شكراً لكم

[Ahmad Alharthi]

عن نفس استخدم هذه الصيغة :

h1 {
    color: #565656;
    font-family: Arial, Geneva, sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    }

[FLy]

الاثنين واحد لكن الاولي أفضل

تحياتي

[منصور الدويغري]

بل الثاني افضل فهو نوع من ضغط ( optimize ) للـ CSS

فبذلك انت تختصر عدد السطور و تقلل الحجم الخاص بـ CSS


بالتوفيق

[FLy]

طيب اخي Garebooo هل الطريقة الثانيه مفهومه لكل المتصفحات ؟

[منصور الدويغري]

نعم عزيزي

لكن ارى ان المصممين يتجهون الان الى em بدل px في تحديد حجم الخط

1em = 10px
1.1em = 11px
1.2em = 12px


وهكذا ..


بالتوفيق و سرتني مساعدتك

[SyrWorld]

شكراً لكم جميعاً على ردودكم

الى الآن والآراء متضاربة لكن رد الاخ الكريم Garebooo منطقي حول عملية ضغط وتقليل اسطر الـ CSS
ويبقى لدينا سؤال , هل عملية الضغط هذه يتعرف عليها جميع انواع المتصفحات ؟

لكن ارى ان المصممين يتجهون الان الى em بدل px في تحديد حجم الخط

1em = 10px
1.1em = 11px
1.2em = 12px


وهكذا ..

اذا يصبح لدينا كالتالي من حيث رأيك :

h1 {
    color: #565656;
    font: bold 2em Arial, Georgia, serif;
    text-align: center;
}

[ليوناردو دافينشي]

الاثنين بيقومو بنفس الوظيفة ولا يوجد مشاكل مع المتصفحات

بس الثاني مضغوط

الافضل لك استخدمه

انا افضل استخدام الاول
لانه مفصل واسهل عند القراءة

هناك حالات الافضل استخدام الامر المضغوط

مثال
background-position-x
هذا الامر لتحديد مكان الخلفية افقي

لكن لاحاجة له

هذا الامر لتحديد مكان الخلفية افقي وعمودي background-position

[منصور الدويغري]

نعم عزيزي

كما تفضل الاخ ليوناردو دافينشي مشكوراً


بالتوفيق

[Fez-Soft]

لا فرق بينهما .. لكنني أفضل الثاني لاختصاره

[دريم ديزاين]

بارك الله فيكم ..

ومنكم نستفيد..

[PalestineMafia]

اخي الكريم ...

كل الطرق تأدي إلى روما ... كما قالوا

ولكن انا أفضل الطريقة الأولى لأنها بشكل أفضل وأرتب كإضافة وليس مضمون

انا شايف الطريقة الثانية هي الأفضل بوجهه نظري


ولك حرية الإختيار

[سوالف ديزاين]

السؤال ..
إذا أدرت أن أضع خلفيتين في ديف واحد ..
هل هذا ممكن ..
أم أن المتصفح سيُعمِل واحده فقط ..
وإذا كان فما الحل ؟