• CSS Reset (6 Adet Css Reset TekniÄŸi)

    Css kullananların bu aralar en gözde kodlarından biriside css reset tekniği. Sağı solu sıfırlayın :)

    Aşağıda piyasada ki en gözde 6 tekniğin kodlarını veriyorum. Kütüphanenizde bulunması gerekiyor diye düşünüyorum.

    1-) Generic Reset

    1. * {
    2.         padding: 0;
    3.         margin: 0;
    4.         border: 0;
    5.         }
    6.  

    veya

    1. * {
    2.         vertical-align: baseline;
    3.         font-weight: inherit;
    4.         font-family: inherit;
    5.         font-style: inherit;
    6.         font-size: 100%;
    7.         border: 0 none;
    8.         outline: 0;
    9.         padding: 0;
    10.         margin: 0;
    11.         }
    12.  

    2-) Chris Poteet Reset

    1. * {
    2.         vertical-align: baseline;
    3.         font-family: inherit;
    4.         font-style: inherit;
    5.         font-size: 100%;
    6.         border: none;
    7.         padding: 0;
    8.         margin: 0;
    9.         }
    10. body {
    11.         padding: 5px;
    12.         }
    13. h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, dl {
    14.         margin: 20px 0;
    15.         }
    16. li, dd, blockquote {
    17.         margin-left: 40px;
    18.         }
    19. table {
    20.         border-collapse: collapse;
    21.         border-spacing: 0;
    22.         }
    23.  

    3-) Yahoo CSS Reset

    1. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    2.         padding: 0;
    3.         margin: 0;
    4.         }
    5. table {
    6.         border-collapse: collapse;
    7.         border-spacing: 0;
    8.         }
    9. fieldset,img {
    10.         border: 0;
    11.         }
    12. address,caption,cite,code,dfn,em,strong,th,var {
    13.         font-weight: normal;
    14.         font-style: normal;
    15.         }
    16. ol,ul {
    17.         list-style: none;
    18.         }
    19. caption,th {
    20.         text-align: left;
    21.         }
    22. h1,h2,h3,h4,h5,h6 {
    23.         font-weight: normal;
    24.         font-size: 100%;
    25.         }
    26. q:before,q:after {
    27.         content:”;
    28.         }
    29. abbr,acronym { border: 0;
    30.         }
    31.  

    4-) Eric Meyers Reset

    1. html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
    2. del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
    3. h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
    4. dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    5.         vertical-align: baseline;
    6.         font-family: inherit;
    7.         font-weight: inherit;
    8.         font-style: inherit;
    9.         font-size: 100%;
    10.         outline: 0;
    11.         padding: 0;
    12.         margin: 0;
    13.         border: 0;
    14.         }
    15. /* remember to define focus styles! */
    16. :focus {
    17.         outline: 0;
    18.         }
    19. body {
    20.         background: white;
    21.         line-height: 1;
    22.         color: black;
    23.         }
    24. ol, ul {
    25.         list-style: none;
    26.         }
    27. /* tables still need cellspacing="0" in the markup */
    28. table {
    29.         border-collapse: separate;
    30.         border-spacing: 0;
    31.         }
    32. caption, th, td {
    33.         font-weight: normal;
    34.         text-align: left;
    35.         }
    36. /* remove possible quote marks (") from <q> &amp;
    37. <blockquote> */
    38. blockquote:before, blockquote:after, q:before, q:after {
    39.         content: "";
    40.         }
    41. blockquote, q {
    42.         quotes: "" "";
    43.         }
    44.  

    5-) Condensed Meyers Reset

    1. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
    2. pre, form, fieldset, input, textarea, p, blockquote, th, td {
    3.         padding: 0;
    4.         margin: 0;
    5.         }
    6. fieldset, img {
    7.         border: 0;
    8.         }
    9. table {
    10.         border-collapse: collapse;
    11.         border-spacing: 0;
    12.         }
    13. ol, ul {
    14.         list-style: none;
    15.         }
    16. address, caption, cite, code, dfn, em, strong, th, var {
    17.         font-weight: normal;
    18.         font-style: normal;
    19.         }
    20. caption, th {
    21.         text-align: left;
    22.         }
    23. h1, h2, h3, h4, h5, h6 {
    24.         font-weight: normal;
    25.         font-size: 100%;
    26.         }
    27. q:before, q:after {
    28.         content: ”;
    29.         }
    30. abbr, acronym {
    31.         border: 0;
    32.         }
    33.  

    6-) Tantek Reset

    1. /* undohtml.css */
    2. /* (CC) 2004 Tantek Celik. Some Rights Reserved.                  */
    3. /* http://creativecommons.org/licenses/by/2.0                     */
    4. /* This style sheet is licensed under a Creative Commons License. */
    5.  
    6. :link, :visited {
    7.         text-decoration: none;
    8.         }
    9. ul, ol {
    10.         list-style: none;
    11.         }
    12. h1, h2, h3, h4, h5, h6, pre, code, p {
    13.         font-size: 1em;
    14.         }
    15. ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre,
    16. form, body, html, p, blockquote, fieldset, input {
    17.         padding: 0;
    18.         margin: 0;
    19.         }
    20. a img, :link img, :visited img {
    21.         border: none;
    22.         }
    23. address {
    24.         font-style: normal;
    25.         }
    26.  

    Her yiğidin bir yoğurt yiyiş tarzı vardır. Sizde sizinkini oluşturun yada burdan kullanıp çaktırmayın :)

    Bu yazıyı arkadaşına öner   Bu sayfayı yazdır
    Pazar, AÄŸustos 3rd, 2008 at 16:06
    Etiketler: , , , , , , , , ,
    RSS Beslemesi
  • « Sadece Aptallar 8 Saat Uyur 10 Adet Ajax LightBox Scriptleri »
No comments yet.

Birşeyler söylemek istermisin ?

TOP