Background
La propiedad background es un atajo para definir los valores individuales del fondo en una única regla CSS
Background-color
Es un propiedad de CSS que define el color de fondo de un elemento, puede ser el valor de un color o la palabra
Background-image
Se emplea para establecer la imagen de fondo de cada elemento.
Background-img.
Las imágenes de fondo sirven para hacer que el sitio quede atractivo
Background
La propiedad background es un atajo para definir los valores individuales del fondo en una única regla CSS
Background-foto
Se emplea para establecer la imagen de fondo de cada elemento
Background-image
Se emplea para establecer la imagen de fondo de cada elemento.
background-repeat.
Utilizando la propiedad background-repeat es posible controlar si la imagen de fondo se repite o no y la forma en la que se repite
Background-position
La propiedad background-position controla la posición en la que se muestra la imagen de fondo de un elemento
Background-attachment
Controla si la imagen de fondo establecida en un elemento se mueve o permanece fija cuando se hace scroll en la ventana del navegador
Color----------------PROPIEDAD COLOR
Las siglas RGB significan rojo, verde y azul, por lo que cada cifra (del 0 al 255) representa la intensidad de cada componente de color
Rgb------VALOR PARA ROJO VERDE AZUL
-Rgb (rojo, verde, azul), donde rojo, verde y azul son números enteros desde 0 a 255.
-Rgb (rojo, verde, azul), donde rojo, verde y azul son porcentajes desde 0% hasta 100%.
Hex------VALOR EN HEXADECIMAL
RR (rojo), GG (verde) y BB (azul) son números enteros hexadecimales entre 00 y FF que especifican la intensidad del color.
Hsl-------BRILLO Y SATURACION
La primera cifra selecciona el matiz de color (una cifra de 0 a 360 grados), seleccionando el color del círculo exterior de la imagen.
Rgba-------RGB CON DOMINIO DE TRANSPARENCIA
hsla------HSL CON DOMINIO DE TRANSPARENCIA
Border
Las propiedades del border CSS le permiten especificar el estilo, el ancho y el color del Borde de un elemento.
Border-bottom
Establecer el estilo del borde inferior de diferentes elementos
Border-bottom-color
La border-bottom-color propiedad establece el color del borde inferior de la ONU Elemento.
Border-bottom-style
La border-bottom-style propiedad establece el estilo del borde inferior de un elemento.
Border-bottom-width
La propiedad border-bottom-width establece el ancho del Borde inferior de un Elemento.
Border-color
Establece el color de los cuatro bordes de un elemento.
Esta propiedad puede tener uno a cuatro valores
color del borde: rojo, azul, rosa verde;
el borde superior es de color rojo
borde derecho es verde
borde inferior es de color azul
borde izquierdo es de color rosa
Border-left
La propiedad border-left abreviada (en el siguiente orden):
-border-left-ancho
-border-left-estilo (requerido)
-border-left-color de
Si se omite border-left-color, el color aplicado será el color del texto.
Border-left-color
La propiedad border-left-color establece el color del borde izquierdo de un elemento
Border-left-style
La propiedad border-left-style establece el estilo del borde izquierdo de un elemento.
Border-left-width
La border-left-width propiedad Establece el ancho del Borde Izquierdo de un Elemento.
Border-radius
La propiedad border-radius define el radio de las esquinas del elemento
Border-right-color
La border-right-color propiedad establece el color del borde derecho del elemento.
Border-right-style
La border-right-style propiedad Establece el estilo del borde derecho del Elemento.
Border-right-width border-style
Border-top
La border-top propiedad abreviada establece todas las propiedades del borde superior en la declaración.
Border-top-color
La border-top-color propiedad establece el color del borde superior del elemento
Border-top-style
La border-top-style propiedad establece el estilo del borde superior de un elemento.
Border-top-width
La border-top-width propiedad establece el ancho del borde superior del Elemento.
Border-width
La border-width propiedad establece el ancho de los cuatro bordes del elemento
Margin
La margin propiedad establece los margenes para un elemento
Margin-left
La margin-left propiedad establece el margen izquierdo del elemento.
Margin-top
La margin-top propiedad Establece El Margen Superior de la ONU Elemento.
Margin-right
La margin-right propiedad establece el margen derecho de un elemento.
Margin-bottom
La margin-bottom propiedad Establece el margen inferior de un elemento.
Padding
El relleno de un elemento es el espacio entre contentos Y su borde.
Padding-bottom
La padding-bottom propiedad establece el relleno inferior (espacio) de un elemento.
Padding-right
La padding-right propiedad establece el relleno derecho (espacio) de un elemento.
Padding-top
La padding-top propiedad establece el relleno superiores (espacio) de un elemento.
Height
La height propiedad Establece la altura de la ONU Elemento.
Max-height
La max-height propiedad definir la altura Máxima de un Elemento.
Max-width
La max-width propiedad definir el ancho máximo de un Elemento.
Min-height
La min-height propiedad definir la altura Mínima de un elemento
Min-width
La min-width propiedad definir el ancho Mínimo del Elemento.
width
La width propiedad Establece el ancho de un Elemento.
Outline
Esquema de la ONU Es Una Línea Que Se Dibuja Alrededor de Los Elementos, Fuera de los bordes, Para Hacer Que El Elemento "se destaque".
Outline-width
El outline-width especifica el ancho del contorno.
Outline-color
La outline-color propiedad especifica el color de un esquema.
Outline-offset
La outline-offset propiedad de agregar espacio entre el contorno y el borde de un Elemento.
Outline-style
La outline-style propiedad especifica el estilo de un esquema.
Outline-width
El outline-width especifica el ancho del contorno.
Direction
La direction propiedad especifica La Dirección del texto / Dirección de escritura Dentro de un Elemento Nivel de un bloque.
letter-spacing
La letter-spacing propiedad aumenta o disminuye el espacio entre caracteres en un texto.
Line-height
La line-height propiedad especifica la altura de una línea.
Text-align
La text-align propiedad especifica la alineación horizontal del texto en un elemento.
Text-decoration
La text-decoration propiedad especifica la decoración añadida al texto
Text-indent
La text-indent propiedad especifica La sangría de la Primera Línea En un bloque de texto.
Text-shadow
El text-shadow establecimiento tiene sombra al texto.
text-transform
La text-transform propiedad controla la capitalización de texto.
Text-overflow
Las text-overflow especifica cómo el contenido de propiedad desbordado que no se muestra deben señalizarse al usuario.
Las text-overflow especifica cómo el contenido de propiedad desbordado que no se muestra deben señalizarse al usuario.
Unicode-bidi
La unicode-bidi propiedad se utiliza junto con la dirección de la propiedad para establecer o devolver si el texto debe ser anulado para soportar múltiples idiomas en el mismo documento.
Vertical-align
La vertical-align propiedad establece la alineación vertical de un elemento.
White-space
La white-space propiedad especifica cómo se maneja un espacio en blanco dentro de un elemento.
word-spacing
La word-spacing propiedad Aumenta o Disminuye el espacio en blanco entre las palabras.
Font
La font propiedad Es Una propiedad abreviada para:
Estilo de fuente
Variante de fuente
pesos de fuente
Tamaño de fuente / Altura de línea
Familia tipográfica
Se consideran los valores de tamaño de fuente y la fuente-familia. Si uno de los otros valores no se encuentra, se utilizan los valores predeterminados.
Font-family
La font-family propiedad especifica el tipo de letra de un elemento.
Font-size
La font-size propiedad Establece el Tamaño De Una fuente.
Font-style
La font-style propiedad especifica el estilo de fuente para un texto
Font-variant
La font-variant propiedad especifica si el texto debe mostrarse o no en letra minúscula.
Font-weight
La font-weight propiedad establece cómo se deben mostrar caracteres gruesas o delgadas en el texto.
**COMO AGREGAR ICONOS
DIMENSIONES O TAMAÑOS DE LOS ICONOS**
link
La pseudo-clase :link CSS representa un elemento que aún no se ha visitado. Coincide con cada elemento no visitado <a>, <área>, o <link> que tiene un atributo href.
a:visited
La pseudo-clase: visited de css representan enlaces que el usuario ya ha visitado, por motivos de privacidad, los estilos que pueden modificar con este selector son muy limitados
a:hover
La pseudo-clase hover de css coinciden cuando el usuario interactúa con un elemento con un dispositivo señalador, pero no necesariamente lo activa
a:active
La pseudo-clase active de css representa un elemento (como un botón) que el usuario está activado
List-style-type
El list-style-type especifica el tipo de marcador de ítems de lista en una lista.
List-style-position
La list-style-position propiedad especifica la posición de los Marcadores de Elementos de Lista (viñetas).
List-style-image
La list-style-image propiedad reemplaza el marcador de Elemento de lista con Una imagen.
**LAS TABLAS EN CSS**
border-collapse
La border-collapse propiedad Establece si los bordes de la tabla Deben colapsar en Un Solo Borde o separarse Como en HTML Estándar.
Border-spacing
La border-spacing propiedad Establece La Distancia Entre los bordes de las Celdas Adyacentes.
Caption-side
La caption-side propiedad especifica la ubicación del título de tabla.
Empty-cells
La empty-cells propiedad Establece si se muestran o no los bordes en las Celdas Vacías De Una tabla.
Table-layout
La table-layout propiedad definir el algoritmo utilizado para Diseñar Celdas, Filas y Columnas de la tabla.
nth-child(even)
El selector equivale a todos los elementos que el nº niño, independientemente del tipo, e su matriz.:nth-child(n), puede ser un número, en una palabra clave o una fórmula
nth-child(ODD)
**OPCIONES DE FORMATO EN CSS INTERMEDIAS **
DISPLAY
La display propiedad especifica el comportamiento de visualización (el tipo de cuadro de Representación) de un elemento.
position
La position propiedad especifica el Tipo de Método de posicionamiento utilizado para un elemento (estático, relativo, absoluto, fijo o fijo).
position:static
position:relative
position:fixed
position:absolute
position:sticky
bottom
La bottom propiedad Afecta la posición vertical, de la ONU ha posicionado Elemento
left
La left propiedad afecta la posición horizontal de un elemento de posicionado.
right
La right propiedad afecta la posición horizontal de un elemento de posicionado
Top
La top propiedad afecta la posición vertical de un elemento posicionado. Esta propiedad no tiene efecto en elementos no posicionados.
z-index
La z-index propiedad especifica el orden de apilamiento de un elemento.
overflow
La overflow propiedad especifica qué debería suceder si el contenido desborda el cuadro de un elemento.
overflow-x
La overflow-x propiedad especifica si se debe recortar el contenido, agregar una barra de desplazamiento o mostrar el contenido de desbordamiento de un elemento a nivel de bloque, cuando se desborda en los bordes izquierdo y derecho.
overflow-y
La overflow-y propiedad especifica si se debe recortar el contenido, agregar una barra de desplazamiento o mostrar el contenido de desbordamiento de un elemento a nivel de bloque, cuando se desborda en los bordes superior e inferior.
overflow:VISIBLE
Por defecto, el desbordamiento es vivible, lo que significa que no se recorta y se hace fuera de la caja del elemento
overflow:HIDDEN
Con el hiddenvalor, el desbordamiento se recorta, y el resto del contenido se oculta
overflow: SCROLL
Al establecer el valor scroll, el desbordamiento se recorta y se agrega una barra de desplazamiento para desplazarse dentro de la caja tomando en vuena que esto va a añadir una barra de desplazamiento horizontal y vertical aunque usted no lo necesite
overflow: AUTO
El autovalor es similar a scroll, pero añade barras de desplazamiento sólo cuando sea necesario
Box-sizing
La propiedad de css box-sizing como el user agent debe calcular el ancho y el alto total de un elemento
clear
La clear propiedad especifica en qué lados de un elemento los elementos flotantes no pueden flotar.
float
La propiedad float especifica cómo debe flotar un elemento
FLOAT:LEFT
FLOAT:RIGHT
FLOAT: NONE
FLOAT: INHERIT
PROPIEDAD FOCUS
Comentarios
Publicar un comentario