Kodlamaya Başlarken Reset CSS Kullanımı

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

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) {
}
Kodlamaya Başlarken Reset CSS Kullanımı BENZER İÇERİKLER
Kodlamaya Başlarken Reset CSS Kullanımı YAPILAN YORUMLAR