Foros del Web » Creando para Internet » CSS »

y el * ¿para que sirve?

Estas en el tema de y el * ¿para que sirve? en el foro de CSS en Foros del Web. Talvez les parezca basica mi pregunta... pero para mi salud quiero saberlo! He visto en muchos codigos CSS que inician con la propiedad * y ...
  #1 (permalink)  
Antiguo 17/12/2008, 21:44
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
y el * ¿para que sirve?

Talvez les parezca basica mi pregunta... pero para mi salud quiero saberlo!

He visto en muchos codigos CSS que inician con la propiedad * y quisiera saber que hace dentro de la pagina!

Gracias por sus respuestas!!

el ejemplo que vi fue este:

* {
margin: 0;
padding: 0;
}
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #2 (permalink)  
Antiguo 18/12/2008, 02:56
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 12 años, 1 mes
Puntos: 12
Respuesta: y el * ¿para que sirve?

Código HTML:
* {
margin: 0;
padding: 0;
}
sirve para poner los margin y pading y con esto te ahorras muchos dolores de cabeza.
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos

Última edición por DoPeY-BBS; 18/12/2008 a las 14:07
  #3 (permalink)  
Antiguo 18/12/2008, 03:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: y el * ¿para que sirve?

Hola, CaLiZzZ.

Supongo que ya sabes que en informática en general el asterisco es un comodín que representa a cualquier caracter o grupo de caracteres (como en las expresiones regulares).

*.jpg (todos los archivos con extensión jpg)
*.* (todos los archivos)

Pues bien, en CSS se usa igual, para representar a "todos" los elementos. Si tú pusieras:

* {color: #00f;}
todos los elementos serían de color azul.

El caso concreto del que hablas (* {margin: 0;padding: 0;}) se usa para anular el margen y relleno que lleve cualquier elemento por defecto, poniendo a cero esos dos parámetros de "todos" (*) los elementos de tu html.
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 18/12/2008, 15:00
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: y el * ¿para que sirve?

Oh... Gracias Mik!

nuevamente ayudandome!! jeje... gracias gracias... y esto no afecta... si por ejemplo le pongo a un #head: margin 5px?

es totalmente independiente?

Gracias!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #5 (permalink)  
Antiguo 18/12/2008, 15:14
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: y el * ¿para que sirve?

Cita:
Iniciado por CaLiZzZ Ver Mensaje
Oh... Gracias Mik!

nuevamente ayudandome!! jeje... gracias gracias... y esto no afecta... si por ejemplo le pongo a un #head: margin 5px?

es totalmente independiente?

Gracias!
¿Recuerdas que los navegadores no tienen memoria y que lo último que leen es lo que aplican?*
Siempre que pongas el * {....} al inicio, quedará anulado si a un elemento le aplicas alguna propiedad que lo contradiga después de esa declaración.
Por ejemplo, que seguro que lo has usado con el tamaño de las fuentes,
Puedes declarar al inicio:
* {font-size: 1em;}
y a un elemento, posteriormente
h1 {font-size: 5em;}

H1 se mostrará con 5em.

*: con excepciones, como el !important
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #6 (permalink)  
Antiguo 18/12/2008, 15:35
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 11 años, 6 meses
Puntos: 2122
Respuesta: y el * ¿para que sirve?

Aparte creo que el nombre lo dice todo Cascading Style Sheets, es decir los estilos se aplican en Cascada de arriba a abajo y de Izquierda a derecha, asi es como se aplican los estilos, claro con la regla que !important siempre es evaluado como importante.

Saludos.
  #7 (permalink)  
Antiguo 18/12/2008, 15:45
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: y el * ¿para que sirve?

Cita:
Iniciado por GatorV Ver Mensaje
Aparte creo que el nombre lo dice todo Cascading Style Sheets, ...

Saludos.
Ahí va, que se escribe con 2 "e" y no con "i"

(qué mal chiste)
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #8 (permalink)  
Antiguo 18/12/2008, 15:54
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: y el * ¿para que sirve?

Cita:
Aparte creo que el nombre lo dice todo Cascading Style Sheets, es decir los estilos se aplican en Cascada de arriba a abajo y de Izquierda a derecha, asi es como se aplican los estilos, claro con la regla que !important siempre es evaluado como importante.
Dile eso a los <a>
__________________
twitter: @imbuzu
  #9 (permalink)  
Antiguo 18/12/2008, 16:10
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: y el * ¿para que sirve?

Ok... muchas gracias por sus respuestas! mi duda ha sido solucionada!! jeje... Gracias Gracias a Todos!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:12.