Блог

Фрілансера

RSS
rss
Закладки

Жов

8

reset css

категорія: css

Пост присвячений верстальщикам.

Файл reset.css – це обнулятор стилів.

У кожного браузера є свої настройки для різних тегів, наприклад для параграфів чи інпутів. А підключивши reset.css можна полегшити процес верстки.

Отже, є багато варіантів.

Особисто я завжди використовував

* {
margin: 0;
padding: 0;
}

Але цього мало :(

YUI 2

reset.css від yahoo

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;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

meyers css

reset.css від meyer

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

Вибираємо для себе підходящий.

Share

Знадобиться! Дякую. :)

Сhillart

Не зовсiм зрозумiв, навiщо це?

Snowcore

Це потрібно для того щоб збити всі настройки під 0.
Всі відступи будуть обнулені.
Все буде правильно виглядати, навіть в експлорері.

Sergunik

no spam <noindex> <nofolow>

Блог фрілансера
Sergunik
2009-2010