1

Margenes y Fuentes para el Desarrollo Web

FONT-FAMILY: Con esta propiedad podemos establecer el tipo de fuente para nuestra página web. Con esta propiedad puedes establecer varios nombres en la misma declaración. Si el buscador (Chrome, Firefox, Safari…) no soporta la primera fuente indicada por ejemplo arial el sistema prosigue con el siguiente nombre de fuente indicado y así consecutivamente. El primer nombre de fuente indicado es la principal, los siguientes nombres son por decirlo de alguna manera auxiliares en caso de fallo. Las siguientes fuentes generalmente son genéricas y el IDE de desarrollo te las indica.

FONT-WEIGHT: Esta propiedad especifica el peso de una fuente y la pregunta es ¿A que se refiere con el peso? . Esto se refiere a el grosor de la linea del texto.

FONT-SIZE: Esta propiedad es utilizada para indicar el tamaño de la fuente. Los valores para indicar el tamaño (size) pueden estar dados en un valor absoluto px o en unidades relativas por ejemplo em . Si no especificamos ningún tamaño de fuente se establecerá uno por defecto que sera igual a 16px o lo que es lo mismo en unidades relativas de 1em.

LETTER-SPACING: Esta propiedad es usada para especificar el espacio entre caracteres en un texto.

COLOR El la propiedad color es utilizada para dar el color a la fuente es decir al texto si establecemos un valor color: white; todo nuestro texto será de color blanco.

CSS MARGINS

La propiedad margin es usada para crear espacio alrededor de los elementos. Fuera de sus bordes definidos.

  • margin-top: indicamos el margen superior del elemento.
  • margin-right: indicamos el margen derecho del elemento.
  • margin-bottom: indicamos el margen inferior del elemento.
  • margin-left: indicamos el margen izquierdo del elemento.
  • margin: es la forma resumida de las anteriores podemos indicar el margen top, right, bottom, left.
    margin funciona de la siguiente manera: Como las agujas del reloj.
  • margin: top right bottom left si establecemos los cuatro parámetros.
  • margin: top right bottom;
  • margin: top&bottom right&left; Si especificamos dos nada más.
  • margin: 10px; Si especificamos un valor este será el mismo para todos los margenes.
    Los valores que reciben son auto con este el buscador calcula el margen. length se especifica un margen en px, pt, cm… También podemos indicar % y establecer herencias con inherit esta trabaja herendando el margen del elemento padre.
Escribe tu comentario
+ 2