• Anuncio

Resetear CSS

¿No te aclaras mucho con los estilos CSS? Mira el curso de CSS o preguntanos.

Moderadores: Joelo13, dBer, JTole, vikerweb

Resetear CSS

Notapor vikerweb » 26 Mar 2010 22:40

Bueno cada uno tiene su manera de formatear los CSS. Yo tengo la mía y a continuación la expongo. Puede faltar mas o menos, a mi me va perfecto. Si podeis añadir algo mas, podríamos crear un reset CSS general para divulgar.

Código: Seleccionar todo
/**GENERAL **/
*{
margin:0px;
padding:0px;
}

ul,li{list-style:none;}
/*DISABLED HALO EFFECTS FOR CHROME , SAFARI AND OPERA*/
input,textarea{outline:none;}

/*ESTABLISHING CURSOR POINTER FOR SUBMIT BUTTONS*/
input[type=submit]{cursor:pointer;}

/*CHANGE FOCUS*/
input:focus{border:1px solid #2779e6;}

/* BORDER 0 FOR ALL FIELDSETS*/
fieldset{border:0px;}
/*Legend display*/
legend{
display:block;
margin:0px auto 0px auto;
}
/*FOR ALL INPUTS DISPLAY BLOCK*/
input{display:block;}

/*IMAGE BORDER DON´T DISPLAY*/
img{border:none;


Vale , no tengo un inglés fluido, pero creo que se puede entender, no?. Lo dicho, si alguien quiere ampliar ,mejor que mejor.

Un saludo.
Avatar de Usuario
vikerweb
Colaborador oletusWEBos
Colaborador oletusWEBos
 
Mensajes: 40
Registrado: 25 Mar 2010 21:19

Anuncio

Re: Resetear CSS

Notapor JTole » 27 Mar 2010 16:08

A mi me gustaría ayudar pero no tengo los conocimientos necesarios en esto de resetear css, espero aprender con tus tutos XD!!
Imagen
Avatar de Usuario
JTole
Administrador oletusWEBos
Administrador oletusWEBos
 
Mensajes: 276
Registrado: 08 Oct 2009 22:59
Ubicación: Madrid

Re: Resetear CSS

Notapor vikerweb » 27 Mar 2010 19:32

Hombre, siempre viene bien tener una buena lista de elementos a resetear. Si teneis algun tipo de duda, siempre la podemos resolver.

Un saludo.
Avatar de Usuario
vikerweb
Colaborador oletusWEBos
Colaborador oletusWEBos
 
Mensajes: 40
Registrado: 25 Mar 2010 21:19

Re: Resetear CSS

Notapor Joelo13 » 19 May 2010 21:35

las técnicas del reset css son muy buenas cuando se quiere mejorar la compatibilidad d las páginas en varios navegadores. Existen muchas formas, la más conocida es el simple:

Código: Seleccionar todo
*{
margin:0px;
padding:0px;
}


Pero hay métodos más avanzados.

Yo utilizo enl propuesto por yahoo en developer network - YUI http://developer.yahoo.com/yui/reset/; con lo que solo bastaría incluir el css a nuestra página.

En mi opinión, esta técnica es bastante buena, aunque para http://www.webtorio.co.cc la modifiqué un poco pues tenía demasiadas cosas, como cambiar el tamaño del texto en los input, le pone tipo de letra Times New Roman, modificaba el cellpading y el cellspacing de las tabals; etc.

He estado modificando un poco el archivo para usarlo en mi página, pero todavía no termino.
Si desean pueden verlo aquí: http://webtorio.co.cc/css/reset.css


También tengo un artículo sobre Reset Css en mi blog: http://webcontroler.blogspot.com/2009/0 ... s-css.html

Visitenlo para tener un poco más de información =P

Espero comentarios y sugerencias...Saludos!!!
Webtorio :: Tu Directorio de páginas web
http://www.webtorio.com

Foro Webtorio :: Foro Webmaster
http://foro.webtorio.com
Joelo13
Colaborador oletusWEBos
Colaborador oletusWEBos
 
Mensajes: 20
Registrado: 25 Oct 2009 03:12


Volver a Estilos CSS

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado

  • Anuncio
cron