admin
11-01-2013, بتوقيت غرينيتش 04:41 PM
http://www.dzbatna.com/images/icons/idea.gif ط®ط§طµظٹط© ط§ظ„ط¥ط¹ط¯ط§ط¯ط§طھ ط§ظ„ط§ظپطھط±ط§ط¶ظٹط© ظ„ظ„ط£ظ†ظ…ط§ط· ط§ظ„ظ‚ظٹط§ط³ظٹط© Reset.CSS (http://www.dzbatna.com/t2264314/)
السلام عليكم و رحمة الله و بركاته،
إذا كنت من المبتدئين في تقنية الـ CSS، ستلاحظ أن أغلب المواقع أصبحت تستخدم خاصية جديدة، يمكن التعبير عنها بخاصية “الإعدادات الافتراضية للأنماط القياسية” أو ما يعرف بـ Reset، دور هذه الخاصية أنها تقوم بإلغاء الاعدادات الافتراضية للمتصفح، فمثلا لو أنك قمت بإنشاء صفحة جدبدة و كتبت فيها “بسم الله الرحمن الرحيم”، دون أن تحدد خواص معينة لها، فإن هذه الأخيرة ستأخذ خواص المتصفح، لا من حيث اللون (الأسود)، و لا من حيث الحجم (H3)… و هو أمر قد ينتج عنه بعض الأخطاء أثناء التصميم.
لذا فإن خاصية Reset، ستساعدك في التقليل من الأخطاء المحتلمة، بالإضافة إلى أنها ستعطيك تحكم كامل في كل كبيرة و صغيرة في تصميمك.
كيف يمكنني الاستفادة من هذه الخاصية :
أولا، أنشئ ملف جديد باسم reset، و بالامتداد css.، أي reset.css، ثم ضع الكود code التالي داخله ثم قم بحفظه :
رمز PHP:
<code style="white-space:nowrap"> <code> html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
</code> </code>
ارفع الملف reset.css داخل الدليل الرئيسي لموقعك، أي داخل المجلد public_html.
الآن، قم باستدعاء الملف السابق، بوضع الكود code التالي مباشرة بعد الوسم <head> :
رمز PHP:
<code style="white-space:nowrap"> <code> <link rel="stylesheet" href="reset.css" type="text/css" media="screen" />
</code> </code>
بهذا سيتم حذف جميع الاعدادات الافتراضية التي يتم توليدها عن طريق المتصفح، و وضع إعدادات بخواص تحددها أنت. بالتوفيق.
المصدر الأصلي : خاصية الإعدادات الافتراضية للأنماط القياسية Reset.CSS (http://www.deltaclic.com/2014/04/resetting-your-styles-with-css-reset/)
ألعاب الأندرويد مجانا و حصريا (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، ستلاحظ أن أغلب المواقع أصبحت تستخدم خاصية جديدة، يمكن التعبير عنها بخاصية “الإعدادات الافتراضية للأنماط القياسية” أو ما يعرف بـ Reset، دور هذه الخاصية أنها تقوم بإلغاء الاعدادات الافتراضية للمتصفح، فمثلا لو أنك قمت بإنشاء صفحة جدبدة و كتبت فيها “بسم الله الرحمن الرحيم”، دون أن تحدد خواص معينة لها، فإن هذه الأخيرة ستأخذ خواص المتصفح، لا من حيث اللون (الأسود)، و لا من حيث الحجم (H3)… و هو أمر قد ينتج عنه بعض الأخطاء أثناء التصميم.
لذا فإن خاصية Reset، ستساعدك في التقليل من الأخطاء المحتلمة، بالإضافة إلى أنها ستعطيك تحكم كامل في كل كبيرة و صغيرة في تصميمك.
كيف يمكنني الاستفادة من هذه الخاصية :
أولا، أنشئ ملف جديد باسم reset، و بالامتداد css.، أي reset.css، ثم ضع الكود code التالي داخله ثم قم بحفظه :
رمز PHP:
<code style="white-space:nowrap"> <code> html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
</code> </code>
ارفع الملف reset.css داخل الدليل الرئيسي لموقعك، أي داخل المجلد public_html.
الآن، قم باستدعاء الملف السابق، بوضع الكود code التالي مباشرة بعد الوسم <head> :
رمز PHP:
<code style="white-space:nowrap"> <code> <link rel="stylesheet" href="reset.css" type="text/css" media="screen" />
</code> </code>
بهذا سيتم حذف جميع الاعدادات الافتراضية التي يتم توليدها عن طريق المتصفح، و وضع إعدادات بخواص تحددها أنت. بالتوفيق.
المصدر الأصلي : خاصية الإعدادات الافتراضية للأنماط القياسية Reset.CSS (http://www.deltaclic.com/2014/04/resetting-your-styles-with-css-reset/)
ألعاب الأندرويد مجانا و حصريا (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)©
