Kodlamaya Başlarken Reset CSS Kullanımı

Yeni bir projenin arayüz kodlamasına başlamadan önce standart olarak kullandığım Eric Meyer’in reset.css dosyasını kendime göre düzenleyerek kullanıyorum. Ayrıca responsive için media query kodlarını da ekleyerek tek css dosyasında düzenleme imkanı sağlıyor.

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, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, textarea, button,
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;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
img{ max-width:100%; 
height:auto;  
border: 0;}
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;
}
a {
    text-decoration: none;
}
 
:focus {
    outline: 0;
}
.clear {
    clear: both;
}
@media only screen and (max-width:1024px) {
}
 
@media only screen and (max-width:768px) {
}
 
@media only screen and (max-width:480px) {
}
 
@media only screen and (max-width:320px) {
}

You may also like...

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir