"Css"

Atributos de Css.

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 para
que 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.

Hex: valor hexadecimal.

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!

width


Esta propiedad establece el ancho de un elemento.

El ancho de un elemento no incluye el relleno, bordes o márgenes!

outline

Establece un contorno o esquema, es una línea que se dibuja alrededor de los elementos, fuera de las fronteras, para hacer que el elemento "destaque".





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.

outline-offset

Esquema de compensación de la propiedad.


Establecimiento tiene espacio entre un esquema y el borde o borde de un elemento.

outline-style

Esta propiedad establece un estilo para el contorno o esquema, ya sea rayado, punteado, etc.

outline-width
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.