jueves, 23 de mayo de 2013

Que Funcion Hace El Margen En Tu Hoja Css De Tu Sitio

Leave a Comment
 
Se que aprender CSS de una no es facil por que debes saber de toda clase de codigos para hacer una plantilla o sitio web.Cada dia un nuevo codigo de anade a cada navegador y cada mes una nueva version es lanzada antes que te pierdas los codigos de css te dare una respuesta sobre este codigo .Hablemos por ejemplo de un codigo de Css.

Margen


margen es un codigo de css tiene la funcion de cambiar de lugar las class(clases), imagenes, y de la  Id de diviciones  y ponerlos donde desees.

margen:0px;
en esta la posicion no cambiara, se mantendra justo en la posicion donde la pongas sean imagnes, textos, o objetos.Pues le asignaste 0 px.

Margen para cambiar la posicion al centro

Si estas usando este codigo en la hoja de estilo  css,este codigo tiene la funcion de cambiar la position de tu sitio  al centro o al centro del navegador.

margin:0px auto;

Tipo de Margen para cambiar posicion


margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;


puedes cambiar de 0px al ancho que desees de una imagen en photoshot.

Tipo de Margen para cambiar la posicion usando ( - )


margin-left:-10px;
margin-right:-10px;
margin-top:-10px;
margin-bottom:-10px;


Escribir margen con signo de (-) hace que cambies la posicion diferentemente si el margen sin (-) puedes hacer que vayas a bajo de la pagina usandolo con (-) te llevara el objecto hacia arriba .

Otro tipo deMargen


margin:10px;
si utilizas solo este los cutro lados de la pagina o imagen tendran un margen de 10 pixels.

margin:10px 20px;
Si utilizas este la parte superior de la pagina como la inferior tendran un margen de 10 pixels.Entonces los lados derecho y Izquierdo tendran un margen de 20 pixels.

margin:10px 20px 30px;

  Lado superior es de  10px
  Izquierda y derecha seran de 20px
  Lado Inferior sera de 30px


margin:10px 20px 30px 40px;

Separacion de Arriba sera de 10px
Separacion de lado derecho sera de20px
Separacion de abajo sera de  30px
Separacion de Izquierda sera de  40px


Type margin work in size


10cm ( centimetros ), 10% ( peciento), 10px ( pixeles ) and have different width, so you can use type of width you want for your CSS.

Conclusion


Se que este es consejo simple y truco para primcipiantes para aprender CSS y como hacer una plantilla.  Solo solo deseaba compartir algun detalle de la funcion del margen para aquellos que le encantan los el diseno.
If You Enjoyed This, Take 5 Seconds To Share It

0 comentarios:

Publicar un comentario