ملف لا غني عنه لكل مصمم مواقع

كتب يوم : 26 يوليو 2014 - تصنيف : تصميم مواقع انترنت - مشاهدات 184

إن كنت مصمم مواقع مبتديء فهذه التدوينة لك بالخصوص

هناك مشكلة مزمنة تواجه مصمم المواقع عندما يبدأ في تكويد التصميم لـ HTML + CSS تتلخص في أن حجم الخط قد يختلف من متصفح للآخر ، وكذلك ألوان الروابط ، ومحاذات الـ body دائما تجد مسافة بينها وبين حدود المتصفح …

هذا الأمر يحدث لأن كل متصفح له اعداداته الخاصة لقراءة تاجات الـ HTML .. لذا لابد أن تقوم بإعادة تعيينها بنفسك لتكون ثابتة حال قراءتها على كل المتصفحات

أهديك اليوم ملف reset.css ، هذا الملف يوجد به أغلب تاجات html وقد تم اعادة تعيينها ، يكفي ان تلحق هذا المف قبل أي ملفات css في صفحات الموقع وبالتحديد بيني وسمي head .. انظر الكود التالي :

يمكنك تحميل الملف من الرابط التالي : reset.css

ولإختيار اصدار الملف ( يفضل تحميل آخر إصدار ) : إضغط هنا

أتمنى لكم الفائدة 🙂

  • Alaa

    الله يرضى عليك
    شكرا لك

    • أكرمك الله أخي علاء
      يسعدني أنك وجدت فائدة في هذه التدوينة 🙂

  • noor_ali

    رائع اخي .. لكن اين اضيفها في ملفات الموقع ؟

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

    ما هي الأداة التي من خلالها استطيع ان اجعل موقعي عند تكبيره او تصغيره يظهر

    بشكل كامل وفي الجوال ايضاً ؟ مثلاً عندما اتحكم في حجم النافذة يبقى الموقع كما هو .

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

    • يمكنك إضافة هذا الكود بيني وسمي الـ HEAD في موقعك :

      طبعاً مع اختيار المسار الصحيح للملف ..قم بتغيير css/reset.css لما يناسب موقعك

      بخصوص الظهور بشكل كامل … هل تقصد تعيين تصميم تجاوبي للجوال والأجهزة اللوحية بخلاف أجهزة الكمبيوتر العادية .. أم ماذا ؟

      برجاء لتوضيح 🙂

      • noor_ali

        وضحت الفكرة بارك الله فيكم ..

        أقصد اخي خاصية نضيفها للموقع عندما اقوم بتكبير وتصغير النافذة او في أي وضعية كانت يبقى الموقع كما هو أي تظهر كافة محتوياته .. الحقيقة لا أذكر بالضبط اسم الخاصية 🙁