إعادة تعيين (إعادة تعيين) Css الانتهاء

ما هو إعادة تعيين CSS؟ يسميها بعض الزملاء "إعادة ضبط css"، وقد يسميها البعض "css الافتراضي"...
أعتقد أنه سيكون لديك فهم جديد لإعادة تعيين Css بعد قراءة النص الكامل.

ملاحظة

:

رمز البرنامج
* {
الحشو: 0؛
الهامش: 0;
}

هذه هي عملية إعادة تعيين Css الأكثر استخدامًا، ولكن هناك العديد من المشكلات هنا.

يتحدث الجزء الأول من المقالة الأصلية كثيرًا عن Css والاختلافات في قواعد CSS لكل متصفح. وقد تمت صياغة "Css Reset" أيضًا من أجل التوافق والتوحيد، ويمكن أن يوفر الاستخدام الصحيح والفعال لـ "Css Reset" الوقت والمال إلى حد معين.

شكرًا جزيلاً لشركة Perishable على التنظيم والتلخيص،

وفيما يلي مقدمة مختصرة لأنواع متعددة من إعادة تعيين Css. يتمتع المؤلف بقدرات محدودة ولا يمكنه سوى فهم المعنى العام.

إعادة تعيين أضيق الحدود [الإصدار 1]

رمز البرنامج

الذي نستخدمه غالبًا.

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

إعادة تعيين أضيق الحدود [الإصدار 2]
تصميم الحدود:0 غير موثوق به بعض الشيء

ورمز البرنامج
* {
الحشو: 0؛
الهامش: 0;
الحدود: 0؛
}

إعادة تعيين أضيق الحدود [الإصدار 3]
بالطبع، هذا غير مستحسن لأنه سيتعارض مع بعض الأنماط الافتراضية

لرمز البرنامج.
* {
الخطوط العريضة: 0؛
الحشو: 0؛
الهامش: 0;
الحدود: 0؛
}

إعادة ضبط عالمية مكثفة
هذه هي طريقة الكتابة التي يفضلها المؤلف حاليًا، مما يضمن وحدة أنماط المتصفح الشائعة نسبيًا.

رمز البرنامج
* {
محاذاة عمودية: خط الأساس؛
وزن الخط: وراثة؛
عائلة الخط: وراثة؛
نمط الخط: وراثة؛
حجم الخط: 100%؛
الحدود: 0 لا شيء؛
الخطوط العريضة: 0؛
الحشو: 0؛
الهامش: 0;
}

إعادة تعيين الرجل الفقير

رموز البرنامج

لإعادة ضبط حجم الخط ومعالجة حدود روابط الصور في بعض المواقع.

أتش تي أم أل، الجسم {
الحشو: 0؛
الهامش: 0;
}
أتش تي أم أل {
حجم الخط: 1em؛
}
جسم {
حجم الخط: 100%؛
}
صورة، :رابط img، :تمت الزيارة img {
الحدود: 0؛
}

إعادة ضبط شون إنمان العالمية
يعتقد المؤلف أن شون لديه غرض معين في كتابة هذا النوع من Css Reset وأن مثل هذه القواعد تستهدف بعض المتصفحات المهمة شائعة الاستخدام مثل IE وFirefox وغيرها من

أكواد البرامج.
الجسم، div، dl، dt، dd، ul، ol، li، h1، h2، h3، h4، h5، h6، pre،
النموذج، مجموعة الحقول، الإدخال، p، blockquote، table، th، td، embed، object {
الحشو: 0؛
الهامش: 0;
}
طاولة {
انهيار الحدود: انهيار؛
تباعد الحدود: 0؛
}
مجموعة الحقول، img، abbr {
الحدود: 0؛
}
العنوان، التسمية التوضيحية، الاستشهاد، الكود، dfn، em،
h1، h2، h3، h4، h5، h6، قوي، ث، فار {
وزن الخط: عادي؛
نمط الخط: عادي؛
}
أول {
نمط القائمة: لا شيء؛
}
التسمية التوضيحية، ث {
محاذاة النص: يسار؛
}
ح1، ح2، ح3، ح4، ح5، ح6 {
حجم الخط: 1.0em؛
}
س: قبل، س: بعد {
محتوى: ''؛
}
أ، الإضافية {
زخرفة النص: لا شيء؛
}

إعادة تعيين ياهو CSS

برمز البرنامج

لإعادة الضبط الذي كتبه الأشخاص في ياهو.

الجسم، div، dl، dt، dd، ul، ol، li، h1، h2، h3، h4، h5، h6، pre، form،
مجموعة الحقول، الإدخال، منطقة النص، ص، الاقتباس، ال، TD {
الحشو: 0؛
الهامش: 0;
}
طاولة {
انهيار الحدود: انهيار؛
تباعد الحدود: 0؛
}
مجموعة الحقول، img {
الحدود: 0؛
}
العنوان، التسمية التوضيحية، الاستشهاد، الكود، dfn، em، قوي، ال، فار {
وزن الخط: عادي؛
نمط الخط: عادي؛
}
أول، أول {
نمط القائمة: لا شيء؛
}
التسمية التوضيحية، ث {
محاذاة النص: يسار؛
}
ح1، ح2، ح3، ح4، ح5، ح6 {
وزن الخط: عادي؛
حجم الخط: 100%؛
}
س:قبل،س:بعد {
محتوى:''؛
}
abbr، اختصار { الحدود: 0؛
}

إعادة تعيين CSS لإريك ماير

أكواد البرامج

الأكثر استخدامًا

html، body، div،span، applet، object، iframe، table، caption، tbody، tfoot، thead، tr، th، td،
ديل، dfn، em، الخط، img، ins، kbd، q، s، samp، صغير، سترايك، قوي، فرعي، سوب، tt، فار،
h1، h2، h3، h4، h5، h6، p، blockquote، pre، a، abbr، اختصار، عنوان، كبير، cite، code،
dl، dt، dd، ol، ul، li، مجموعة الحقول، النموذج، التسمية، وسيلة الإيضاح {
محاذاة عمودية: خط الأساس؛
عائلة الخط: وراثة؛
وزن الخط: وراثة؛
نمط الخط: وراثة؛
حجم الخط: 100%؛
الخطوط العريضة: 0؛
الحشو: 0؛
الهامش: 0;
الحدود: 0؛
}
/* تذكر تحديد أنماط التركيز */
:ركز {
الخطوط العريضة: 0؛
}
جسم {
الخلفية: أبيض؛
ارتفاع الخط: 1؛
اللون: أسود؛
}
أول، أول {
نمط القائمة: لا شيء؛
}
/* لا تزال الجداول بحاجة إلى تباعد الخلايا = "0" في الترميز */
طاولة {
انهيار الحدود: منفصل؛
تباعد الحدود: 0؛
}
التسمية التوضيحية، عشر، تد {
وزن الخط: عادي؛
محاذاة النص: يسار؛
}
/* إزالة علامات الاقتباس المحتملة (") من <q> و<blockquote> */
الاقتباس الاقتباس: قبل، الاقتباس الاقتباس: بعد، س: قبل، س: بعد {
محتوى: ""؛
}
الاقتباس، ف {
يقتبس: "" ""؛
}

إعادة تعيين ماير المكثف
بشكل عام، يعد هذا تعديلًا وتحسينًا

لكود برنامج Erik Meyer's Css Reset.
الجسم، div، dl، dt، dd، ul، ol، li، h1، h2، h3، h4، h5، h6،
قبل، النموذج، مجموعة الحقول، الإدخال، منطقة النص، p، الاقتباس، th، td {
الحشو: 0؛
الهامش: 0;
}
مجموعة الحقول، img {
الحدود: 0؛
}
طاولة {
انهيار الحدود: انهيار؛
تباعد الحدود: 0؛
}
أول، أول {
نمط القائمة: لا شيء؛
}
العنوان، التسمية التوضيحية، الاستشهاد، الكود، dfn، em، strong، th، var {
وزن الخط: عادي؛
نمط الخط: عادي؛
}
التسمية التوضيحية، ث {
محاذاة النص: يسار؛
}
ح1، ح2، ح3، ح4، ح5، ح6 {
وزن الخط: عادي؛
حجم الخط: 100%؛
}
س: قبل، س: بعد {
محتوى: ''؛
}
أبر، اختصار {
الحدود: 0؛
}