Breaking

Post Top Ad

Your Ad Spot

martes, 7 de mayo de 2019

Selectores, propiedades y valores css

Mientras que HTML tiene etiquetas , CSS tiene selectores . Los selectores son los nombres dados a los estilos en hojas de estilo internas y externas. En este tutorial para principiantes de CSS nos concentraremos en los selectores de HTML , que son simplemente los nombres de las etiquetas HTML y se utilizan para cambiar el estilo de un tipo específico de elemento.
Para cada selector hay " propiedades " dentro de corchetes , que simplemente toman la forma de palabras como colorfont-weightbackground-color.
Se le asigna un valor a la propiedad después de dos puntos (NO un signo "igual a"). Los semiconos se utilizan para separar las propiedades.

body {
    font-size: 14px;
    color: navy;
}
Esto aplicará los valores dados a las propiedades font-sizecoloral bodyselector.
Entonces, básicamente, cuando esto se aplica a un documento HTML, el texto entre las etiquetas del cuerpo (que es el contenido de toda la ventana) tendrá un tamaño de 14 píxeles y un color azul marino.

Longitudes y porcentajes

Existen muchas unidades específicas de propiedad para los valores utilizados en CSS, pero hay algunas unidades generales que son utilizadas por varias propiedades y vale la pena familiarizarse con ellas antes de continuar.
  • px(por ejemplo font-size: 12px) es la unidad de píxeles.
  • em(por ejemplo font-size: 2em) es la unidad para el tamaño calculado de una fuente. Entonces, “2em”, por ejemplo, es dos veces el tamaño de fuente actual.
  • pt(por ejemplo, font-size: 12pt) es la unidad para puntos, para mediciones típicamente en medios impresos.
  • %(por ejemplo width: 80%) es la unidad para ... esperarla ... porcentajes.
Otras unidades incluyen pc(picas), cm(centímetros), mm(milímetros) y in(pulgadas).
Cuando un valor es cero , no es necesario indicar una unidad. Por ejemplo, si no desea especificar ningún borde, sería border: 0.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas