Formas de insertar código de Css dentro de HTML, tanto como en linea, etiqueta style y archivo externo.
Background.
Utilizado para poner fondo; o definir efectos de fondo para los elementos, tiene muchas formas de uso.
Formas de usar Background.
Background-color
Esta propiedad especifica el color de fondo de un elemento, para esto necesitamos poner un nombre de color valido o en hex. o RGB.
Ej.
Resulado.
Background-image
Es para colocar una imagen de fondo, la imagen se repetirá según el verdadero tamaño de la página que estás viendo y de la imagen.
Propiedades de desplazamiento.
Background-repeat
Esta propiedad es para hacer que la imagen se repita hacia cualquier lado, horizontal o vertical.(cual quieras) o paraque no se repita.
Ej.
Si quieres que se repita en horizontal:
background-repeat: repeat-x;
Background-position
Se utiliza para especificar la posición de la imagen de fondo, ya sea para posicionar la imagen en la esquina superior derecha y viceversa.Para posicionar la imagen en la parte superior derecha:
Background-attachment
Especifica si la imagen se mueve o se queda fija en el sitio, aunque te desplaces. (no se desplazará con el resto de la página).
Color--------Propiedad color
Los colores se especifican el uso de nombres de colores predefinidos, o RGB, HEX, HSL, valores RGBA, HSLA.En Css los colores se especifican con nombres específicos.
En CSS, un color se puede especificar utilizando un valor hexadecimal en la forma:
# rrggbb
Para usar valores hexadecimales siempre ponemos # al principio,
Hsl: Brillo y saturación.
Un color puede especificarse utilizando matiz, saturación, luminosidad (HSL) en la forma: (tonalidad, saturación, luminosidad).
Se utiliza poniendo un (%) al final de cada número.
RGBA: RGB con dominio de transparencia.
Valores de color RGBA son una extensión de valores de color RGB con un canal alfa - que especifica la opacidad de un color.
HSLA: Hsl con dominio de transparencia.
HSLA ( tonalidad, saturación , luminosidad, alfa ).
El parámetro alfa es un número entre 0,0 (completamente transparente) y 1,0 (no transparente en absoluto):
Dominio de bordes.
Los CSS border le permiten especificar el estilo, el ancho y el color del borde de un elemento, poniendo fronteras en todos los lados.
border-bottom
Utilizado para poner borde inferior.
border-bottom-width
Establece el ancho del borde inferior de un elemento. Se establece con <length>, o usando una palabra clave de ancho borde: delgado, medio y grueso.
Los margenes y padding
La propiedad margin establece los márgenes de un elemento, y es una propiedad abreviada para las siguientes propiedades:
margin-left
Esta propiedad establece el margen izquierdo de un elemento, Nota: los valores negativos son permitidos.
margin-top
Esta propiedad es para establecer el margen superior de un elemento, se utiliza de la sigt. manera:
margin-right
Esta por igual, es para establecer el margen derecho de un elemento, se utiliza al igual que los otros de varias formas.
margin-bottom
Esta propiedad es para establecer el margen inferior de un elemento, se utiliza al igual que los otros.
Altura y ancho de las paginas web.
height
Es la propiedad que establece la altura de un elemento. La altura de un elemento no incluye el relleno, bordes o márgenes!
height
Es la propiedad que establece la altura de un elemento. La altura de un elemento no incluye el relleno, bordes o márgenes!
width
Esta propiedad establece el ancho de un elemento.
El ancho de un elemento no incluye el relleno, bordes o márgenes!
outline
outline-width
Especifica la anchura de un esquema. Un elemento debe tener un esquema antes de cambiar el ancho de la misma.
outline-color
Propiedad que establece un color para el contorno. Un elemento debe tener un esquema antes de cambiar el color de la misma.
Esquema de compensación de la propiedad.
Establecimiento tiene espacio entre un esquema y el borde o borde de un elemento.
Esta propiedad establece un estilo para el contorno o esquema, ya sea rayado, punteado, etc.
Esta propiedad es para especificar la anchura de un esquema, debe declarar un esquema antes de utilizar.
Direction
Esta propiedad especifica la dirección del texto / dirección de escritura dentro de un elemento en bloque.
