CSS נקי-שימושי מאוד.

[Daniel]

לא פעם קרה לכם שקודדתם(קודדתם, או קידדתם?) עיצוב, בהתחלה-בין פיירפוקס ואקספלורר(סתם דוגמאות לדפדפנים) היה הבדל אדיר, באקספלורר ראו הכל אחד אל תוך השני, הכל היה מבולגן, וכו'.


אז לבסוף הצלחתם להתאים את זה לשני הדפדפנים-ונותר ההבדל הקטן.
הטיפה יותר למעלה, הקוו טיפה יותר למעלה, זה טיפה יותר שמאלה,

זוהי טעות שהרבה(וגם אני עשיתי אותה, עד עכשיו) עושים.
בכל דפדפן, יש ערכי ברירת מחדל שונים.
בדפדפן אחד-כל הרשימות מתחילות כעיגול-באחר, כמשולש.
בדפדפן אחד הצבע הוא X, ובדפדפן אחר-Y.

וכו', יש אלפי דברים להגיד.

אז הנה משהו קטן שמצאתי באינטרנט, ויהיה שימושי לכולם.
אני שיניתי רק כשהיה כתוב left ל-right.

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: right;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

http://www.smashingmagazine.com/2007...er-css-coding/

תקראו את הרעיונות-ואת כל הקישורים המתלווים-זה שווה את זה.