معربا عن تكنولوجيا المعلومات

أمس، بعد أن واجه قضية أنا مع إعادة تعيين CSS في جوجل كروم ... فكرت في حفر أعمق قليلا في مجال الأوراق المستخدم نمط وكيل ...
وجدت هذا الجدول على القيم الافتراضية من CSS2.1 صفائح العضو نمط وكيل ... (للذين يجهلون ما هي "ورقة النمط المستخدم وكيل" هو اتباع ما هو ورقة نمط وكيل المستخدم (مواصفات) .

للحصول على قائمة كاملة من وكيل المستخدم CSS 2.1 التخلف المتراصة فوق هنا

أمس، مثل كل الآخرين "يوم الأرض خنزير"، كنت أعمل في بعض تخطيطات المغلق / tableless. كل يسير على ما يرام في IE 7، 3 فرنك فرنسي، وكروم، درج نقود فجأة، رأيت بعض الهوامش من الامم المتحدة وتجاهلها ينظر فقط في جوجل كروم. على الرغم من الغريب جدا وworring، وكان بعض العدد الجديد علة / أنني قد حان تزوجنا، كان هناك أخيرا بعض التوابل في عملي الدنيوية. حزين (ولكن لطيفة) حصلت على إصلاحه في غضون دقائق قليلة من لجنة التحقيق ...

في الأساس، بدا وكأنه جوجل كروم تجاهل لي CSS يعيد (هامش: 0px). انه في الواقع كان سببها المستخدم الأنماط وكيل (-بكت، الحشو البدء: 40px). لذا كان الحل لإعادة تعيين هذا النمط من خلال وضع الحشو: 0 العناصر الفاسقة.
وهناك طريقة جيدة لمنع هذه المشكلة من الحدوث إلى أي عنصر من استخدام بقية CSS العالمي على النحو التالي

* {هامش: 0؛ الحشو: 0؛}

ما هو ورقة نمط وكيل المستخدم (مواصفات)؟
أخذ المقتطف التالي من http://meiert.com/en/blog/20070922/user-agent-style-sheets/ صلة، اتبع لقراءة المزيد على أوراق النمط المستخدم وكيل

CSS 1 يقدم الفكرة بالقول إن كل عامل المستخدم (UA، غالبا ما يكون "متصفح ويب" أو "ويب عميل ') سيكون لها ورقة الأنماط الافتراضية التي تقدم الوثائق في فترة زمنية معقولة - ولكن يمكن القول الدنيوية - الطريقة. CSS 2 يقول ان وكلاء المستخدم المطابقة يجب تطبيق ورقة النمط الافتراضي (أو تتصرف كما لو فعلوا)، وذلك ورقة وكيل المستخدم النمط الافتراضي أن تقدم به عناصر من لغة وثيقة بطرق تلبية التوقعات عرض عام للغة الوثيقة؛ CSS 3 من المرجح أن يكون للعقل نفسه.

منذ مواصفات CSS ترك الأمر للتطبيقات ما اذا كان استخدام "حقيقي" ورقة نمط العرض الافتراضي أم لا، انها ليست المدهش انه لم تجد ورقة النمط الافتراضي في مجلد تثبيت كل المستعرض. وعلى عكس مايكروسوفت انترنت اكسبلورر وكذلك أوبرا، على سبيل المثال (وبقدر ما أعرف)، أبو بريص متصفحات مثل فايرفوكس ونتسكيب نافيجيتور (ابحث عن "html.css") ولكن أيضا كونكيورر جعلها بسيطة إلى حد ما على فهم تصميمها الافتراضي.

وإعادة تعيين CSS هو / هي المغلق لتعيين عدد من الأساليب عنصر إلى خط الأساس المحدد الذي يخلق الاتساق عبر مختلف برامج التصفح.

ونحن جميعا كانت عن طريق كوابيس كتابة عبر متصفح المغلق ل. لذلك عندما نبدأ كتابة CSS لدينا، وهو ممارسة لإعادة لأول مرة لإزالة / إعادة تعيين أي تناقضات عبر متصفح. CSS يعيد، خطوط بسيطة من المغلق الذي يبدأ مع CSS الخاص، مما يتيح لك قاعدة نظيفة للبدء في بناء الخاصة بك عليه.

يعيد المغلق الذي أميل عادة إلى استخدام يشبه هذا

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

رأ، UL {
قائمة على غرار: لا شيء؛
}

H1، H2، H3، H4، H5، H6 {
حجم الخط: 100٪؛
الخط الوزن: طبيعي؛
}

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

html {font-size: 76%;}

ما سبق CSS إعادة تعيين حجم الخط المستعرض ل10 بكسل، وهذا يجعل من الممكن للعمل مع أحجام الخطوط النسبية (والذي هو مهم كل من الامتثال WAI prespective)
لعلى سبيل المثال، في التعريف التالي، يتم تعيين حجم الخط في فترة زمنية إلى 10 بكسل وذلك في paragarph يتم تعيين إلى 14 بكسل ...

span {font-size: 1em;}
p {font-size: 1.4em;}