Reset.css kodları

Etiketler: , , ,

Bu css kodu sayesinde kodlama yaparken Internet explorer ve Firefox tarayıcılarında oluşan farklılıkları ortadan kaldırabilirsiniz.

/*=========================================================================== */
/* CSS Document Stylesheet
============================================================================= */

/* ========================================================================== */
/* ---------->>>                        RESET CSS
/* ============================w============================================= */

/*reset.css*/
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:11px;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*fonts.css*/
body{font-size:11px; font-family:Tahoma,Arial;color:#333333;}
select, input, textarea {font-size:11px; font-family:Tahoma,Arial;}
body * {line-height:16px;}

/* ========================================================================== */
/* ---------->>>                        BOX CONTROL
/* ========================================================================== */

.aCenter        { text-align:center; }
.aRight         { text-align:right; }
.aLeft          { text-align:left;}
.vCenter        { vertical-align:middle; }
.vTop           { vertical-align:top; }
.vBottom        { vertical-align:bottom; }
.vTopLeft       { vertical-align:top; text-align:left; }

.clear  { clear:both; }
.fLeft  { float:left; }
.fRight { float:right; }
.fix    { display:block; }
.posab  { position:absolute; }
.b              { font-weight:bold; }
.pointer { cursor:pointer; }
.noBorder { border-color:transparent; }
.noBG { background:transparent; }

/* ========================================================================== */
/* ---------->>>                        FORM OBJECT STARTING
/* ========================================================================== */

input {border:1px solid #d6d6d6; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; padding:4px; }
input:hover {border:#dcb56b 1px solid}
.button {background:#000 none repeat scroll 0%;border:1px solid #494949;color:#fff;font-family:Tahoma, Arial;
font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal; padding:2px 4px 2px 4px; cursor:pointer}
.button:hover { background:#494949; }

/* ========================================================================== */
/* ---------->>>                        WİDTH STARTING
/* ========================================================================== */

.w5  { width:5px; }
.w10 { width:10px; }
.w15 { width:15px; }
.w20 { width:20px; }
.w25 { width:25px; }
.w30 { width:30px; }
.w35 { width:35px; }
.w40 { width:40px; }
.w45 { width:45px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w125 { width:125px; }
.w150 { width:150px; }
.w175 { width:175px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w215 { width:215px; }
.w225 { width:225px; }
.w250 { width:250px; }
.w275 { width:275px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w550 { width:550px; }
.w600 { width:600px; }
.w700 { width:700px; }
.w750 { width:750px; }
.w760 { width:760px; }
.w900 { width:900px; }
.wauto { width:auto; }
/*              Width end       */

/* ========================================================================== */
/* ---------->>>                        HEIGHT STARTING
/* ========================================================================== */

.h5  { height:5px; }
.h10 { height:10px; }
.h15 { height:15px; }
.h20 { height:20px; }
.h25 { height:25px; }
.h30 { height:30px; }
.h35 { height:35px; }
.h40 { height:40px; }
.h45 { height:45px; }
.h50 { height:50px; }
.h75 { height:75px; }
.h85 { height:85px; }
.h100 { height:100px; }
.h125 { height:125px; }
.h150 { height:150px; }
.h175 { height:175px; }
.h200 { height:200px; }
/*              height end       */

/* ========================================================================== */
/* ---------->>>                        PADDING STARTING
/* ========================================================================== */

/* padding style start */
.nopad {padding:0px; }
.pad1 {padding:1px; }
.pad2 {padding:2px; }
.pad3 {padding:3px; }
.pad4 {padding:4px; }
.pad5 {padding:5px; }
.pad10 {padding:10px; }
.pad15 {padding:15px; }
/* padding style end */

/* padding-left style start */
.padL1 {padding-left:1px; }
.padL2 {padding-left:2px; }
.padL3 {padding-left:3px; }
.padL4 {padding-left:4px; }
.padL5 {padding-left:5px; }
.padL10 {padding-left:10px; }
.padL15 {padding-left:15px; }
.padL20 {padding-left:20px; }
/* padding-left style end */

/* padding-right style start */
.padR1 {padding-right:1px; }
.padR2 {padding-right:2px; }
.padR3 {padding-right:3px; }
.padR4 {padding-right:4px; }
.padR5 {padding-right:5px; }
.padR10 {padding-right:10px; }
.padR15 {padding-right:15px; }
.padR20 {padding-right:20px; }
/* padding-right style end */

/* padding-top style start */
.padT1 {padding-top:1px; }
.padT2 {padding-top:2px; }
.padT3 {padding-top:3px; }
.padT4 {padding-top:4px; }
.padT5 {padding-top:5px; }
.padT7 {padding-top:7px; }
.padT10 {padding-top:10px; }
.padT15 {padding-top:15px; }
.padT20 {padding-top:20px; }
/* padding-top style end */

/* padding-bottom style start */
.padB1 {padding-bottom:1px; }
.padB2 {padding-bottom:2px; }
.padB3 {padding-bottom:3px; }
.padB4 {padding-bottom:4px; }
.padB5 {padding-bottom:5px; }
.padB10 {padding-bottom:10px; }
.padB15 {padding-bottom:15px; }
/* padding-bottom style start */

/* PADDING END */

/* ========================================================================== */
/* ---------->>>                        MARGIN STARTING
/* ========================================================================== */

/* margin style start */
.marLRauto { margin-left:auto; margin-right:auto; }
.nomar {margin:0px; }
.mar1 {margin:1px; }
.mar2 {margin:2px; }
.mar3 {margin:3px; }
.mar4 {margin:4px; }
.mar5 {margin:5px; }
.mar6 {margin:6px; }
.mar10 {margin:10px; }
.mar15 {margin:15px; }
.mar30 {margin:30px; }
/* margin style end */

/* margin-left style start */
.marL1 {margin-left:1px; }
.marL2 {margin-left:2px; }
.marL3 {margin-left:3px; }
.marL4 {margin-left:4px; }
.marL5 {margin-left:5px; }
.marL10 {margin-left:10px; }
.marL15 {margin-left:15px; }
.marL20 {margin-left:20px; }
.marL30 {margin-left:30px; }
.marL40 {margin-left:40px; }
.marL100 {margin-left:100px; }
/* margin-left style end */

/* margin-right style start */
.marR1 {margin-right:1px; }
.marR2 {margin-right:2px; }
.marR3 {margin-right:3px; }
.marR4 {margin-right:4px; }
.marR5 {margin-right:5px; }
.marR7 {margin-right:7px; }
.marR10 {margin-right:10px; }
.marR15 {margin-right:15px; }
.marR20 {margin-right:20px; }
/* margin-right style end */

/* margin-top style start */
.marT1 {margin-top:1px; }
.marT2 {margin-top:2px; }
.marT3 {margin-top:3px; }
.marT4 {margin-top:4px; }
.marT5 {margin-top:5px; }
.marT10 {margin-top:10px; }
.marT15 {margin-top:15px; }
.marT20 {margin-top:20px; }
/* margin-top style end */

/* margin-bottom style start */
.marB1 {margin-bottom:1px; }
.marB2 {margin-bottom:2px; }
.marB3 {margin-bottom:3px; }
.marB4 {margin-bottom:4px; }
.marB5 {margin-bottom:5px; }
.marB10 {margin-bottom:10px; }
.marB15 {margin-bottom:15px; }
/* margin-bottom style start */

/* margin END */
hakan 02 Şubat 2009 tarihinde demiş ki;

Valla Denedim Ama bir İşe Yaramadı. Yada Ben Yanlış Bişey Yaptım Diyeceğim Ama Yukardaki Kodları reset.css olarak kayıt edip ana sayfama import ettim ama sonuç hüsran oldu

Berkay 02 Şubat 2009 tarihinde demiş ki;

Nasıl bir sorundan bahsediyorsunuz ? Biraz açabilirmisiniz ?

AJAX ASP ASP.NET Astronomi ve uzay C# CSS Design Diğer EN Geliştirme Google Other PHP PHP programing Programing Programlama Tasarım Teknoloji Dünyası Temel Bilgiler TR ubuntu Wordpress Wordpress / EN İnternet Şipşak

Beni öldürmeyen acı beni güçlendirir.
Friedrich Nietzsche
Bazı erkekler kadınları anlamaya çalışır, diğerleri kendilerini daha basit konulara adarlar, örneğin görelilik kuramına.
Albert Einstein
Cesaret insanı zafere, kararsızlık tehlikeye, korkaklık ise ölüme götürür.
Yavuz Sultan Selim
Kod şiirdir.
Eğer evrende yalnızsak çok büyük bir yer israf ediyoruz demektir.
Contact ( Film )
Dünya'nın gördüğü her büyük başarı, önce bir hayaldi.En büyük çınar bir tohumdu, en büyük kuş bir yumurtada gizliydi.
Woody Allen
EOMY TOP 100
Yukarı çık