Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   y el * ¿para que sirve? (http://www.forosdelweb.com/f53/para-que-sirve-655192/)

Calizman 17/12/2008 20:44

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;
}

DoPeY-BBS 18/12/2008 01:56

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.

Mikmoro 18/12/2008 02:55

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.

Calizman 18/12/2008 14:00

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!

kseso? 18/12/2008 14:14

Respuesta: y el * ¿para que sirve?
 
Cita:

Iniciado por CaLiZzZ (Mensaje 2711776)
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

GatorV 18/12/2008 14:35

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.

kseso? 18/12/2008 14:45

Respuesta: y el * ¿para que sirve?
 
Cita:

Iniciado por GatorV (Mensaje 2711816)
Aparte creo que el nombre lo dice todo Cascading Style Sheets, ...

Saludos.

:ojotes: Ahí va, que se escribe con 2 "e" y no con "i":censura:
:-D
(qué mal chiste)

buzu 18/12/2008 14:54

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>

Calizman 18/12/2008 15:10

Respuesta: y el * ¿para que sirve?
 
Ok... muchas gracias por sus respuestas! mi duda ha sido solucionada!! jeje... Gracias Gracias a Todos!


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

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2014, Jelsoft Enterprises Ltd.

SEO by vBSEO 3.3.2