fbpx

Türkiye’nin En Güncel WordPress Bloğu

Reset css Nedir?

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn

Reset css nedir, Google Chrome, Mozilla Firefox ve Safari gibi tarayıcılarda html okuyucularının belirli ve farklı değerleri vardır. Bu değerlerin her tarayıcı için sabit olması için oluşturulan css kodlarına reset css (sıfırlama) denir.

Html ve css bilginiz varsa kendiniz de reset css yazabilirsiniz. Tabi buna hiç gerek yok standart olarak  kullanılması için önde gelen yazılımcılardan Eric Meyer gibileri standart bir reset css yazmıştır.
 

Reset css nedir ? Nasıl kullanılır?

Reset css nasıl kullanılır?

Aşağıdaki css kodlarını kopyalıyıp kendi css dosyanızın başına yapıştırarak kullanabilir veya reset.css adında bir  css sayfası kayıt ederek. Sitenizin html komutlarında çağırarak kullanabilirsiniz. Orjinal Eric Meyer’ın reset css ine bu adresten ulaşabilirsiniz.

 

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}
Share on facebook
Facebook
Share on google
Google+
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on pinterest
Pinterest

Yorum Gönderin

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.