Reglas CSS - Apuntes para repasar
Voy a repasar algunas reglas de las mas importantes en CSS:
- Font-family: especifica varias fuentes de texto que utilizara en orden dependiendo de si el equipo cuenta o no con ella.
- Background-image: coloca una imagen de fondo.
- Background-size: especifica el tamaño de la imagen, puede cubrir la pantalla entera, una pequeña parte, etc.
- Width: especifica el ancho, puede especificarse en pixeles o en %.
- Height: especifica el alto, tambien puede especificarse en pixeles o en %.
- Margin: establece el margen para los cuatro lados.
- Margin-top: establece el margen para la parte superior.
- Margin-bot: establece el margen para la parte inferior.
- Margin-left: establece el margen para la parte izquierda.
- Margin-right: establece el margen para la parte derecha.
- Padding: establece el espacio de relleno requerido por todos los lados de un elemento.
- Background-color: establece un color de fondo, RGB-T donde la t es transparencia y oscila desde 1 que es opaco hasta 0 que es totalmente transparente.
- Position: determina la posicion de un elemento en el documento.
- Border-radius: define el radio de los bordes.
- Background-repeat: especifica si tu imagen quieres que se repita o solo aparezca una vez.
- Background-position: determina la posicion del fondo.
- Background-size: determina el tamaño del fondo.
- Float: especifica en que posición flota una caja.
- Font-weight: especifica el ancho de la fuente.
- Line-height: establece la altura de una casilla remarcada por líneas.
- Border-bottom: establece un borde abajo, puedes especificar el grosor, tipo de borde y color.
- Text-align: especifica como se alinea el texto como por ejemplo centrado o justificado.
- Padding-left: establece el espacio de relleno requerido por la izquierda.
- Padding-top: establece el espacio de relleno requerido por la parte superior.
- Color: selecciona el color de un elemento de texto.
- Display: en combinacion con float y position determina el tipo de caja o cajas que genera un elemento.
- Resize: especifica si el objeto puede ser redimensionado por el usuario o no.
- Cursor: especifica el tipo de cursor que se mostrara cuando se encuentre sobre un elemento.
Comentarios
Publicar un comentario