Your Ad Here

advanced code snippet search

Posted By

luman on 05/18/07


Tagged


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

basicmagic
vali29


CSS inicial

 / Published in: CSS
 

URL: http://rudeworks.com/blog/css-inicial-by-rudeworks/

Expand | Embed | Plain Text 
  1. /*
  2. Theme Name: CSS inicial
  3. Theme URI: http://rudeworks.com/blog/css-inicial/
  4. Author: RUDE
  5. Author URI: http://rudeworks.com
  6. Version: 1.0
  7. Description: CSS básico con arreglos y selectores pre-configurados.
  8. */
  9. /*** HACKS PARA IE ***/
  10. /* Si tienes la necesidad de aplicar algún hack para IE6 utiliza este selector: */
  11. *html {
  12. }
  13. /* Si necesitas aplicarlo a IE7 utiliza este:*/
  14. *:first-child+html {
  15. }
  16. /*** NEUTRALIZANDO ESTILOS:
  17. elementos que queremos limpiar completamente: ***/
  18. * {
  19. margin: 0;
  20. padding: 0;
  21. border: none;
  22. }
  23. html {
  24. font: 62.5% "Lucida Grande", Lucida, Verdana, sans-serif;
  25. text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/
  26. }
  27. /*** NEUTRALIZANDO ESTILOS:
  28. elementos con margen vertical: ***/
  29. h1, h2, h3, h4, h5, h6, p, pre,
  30. blockquote, ul, ol, dl, address {
  31. font-weight: normal;
  32. margin: 0 0 1em 0;
  33. }
  34. /*** Algunos ajustes basicos: ***/
  35. sup {
  36. position: relative;
  37. bottom: 0.3em;
  38. vertical-align: baseline;
  39. }
  40. sub {
  41. position: relative;
  42. bottom: -0.2em;
  43. vertical-align: baseline;
  44. }
  45. li, dd, blockquote {
  46. margin-left: 1em;
  47. }
  48. /*** LINKS:
  49. recuerda utilizar siempre la regla del LoVe-HAte ***/
  50. a, a:link, a:visited, a:hover, a:active {
  51. outline: 0; /*Elimina la línea de puntos que aparece alrededor de los enlace al clicarlos*/
  52. text-decoration: none;
  53. }
  54. a img {
  55. border: none;
  56. text-decoration: none;
  57. }
  58. img {
  59. border: none;
  60. text-decoration: none;
  61. /*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/
  62. }
  63. /*** FORMULARIOS: ***/
  64. label, button {
  65. cursor:pointer;
  66. }
  67. input, select, textarea {
  68. font-size: 100%;
  69. }
  70. input:focus, select:focus, textarea:focus {
  71. background-color: #FFF;
  72. }
  73. fieldset {
  74. border: none;
  75. }
  76. /*** Algunas clases útiles: ***/
  77. .clear {
  78. clear: both;
  79. }
  80. .float-left {
  81. float: left;
  82. }
  83. .float-right {
  84. float: right;
  85. }
  86. .helvetica {
  87. font-family: Arial, Helvetica, Geneva, sans-serif;
  88. }

Report this snippet  

You need to login to post a comment.