Ejemplos de CSS

<<< Tipos de MediosExamen de CSS >>>

Todos los ejemplos de css de Virtualnauta

Clasificacin de los ejemplos de css por propiedades

Fondo
Propiedades background-color background-image background-repeat background-attachment background-position Descripcin Aplicar color de fondo a diferentes elementos. Utilizar una imagen como fondo. La imagen de fondo se repite. Dejar fija la imagen de fondo. Ubicar una imagen en un lugar determinado. Ej

Si desea profundizar en el tema del uso del fondo, dirijase a CSS Fondo

Textos
Propiedades text-indent text-align text-decoration text-transform letter-spacing word-spacing white-space color direction Centrar un texto. Definir un texto tachado o subrayado. Convertir un texto a minsculas o maysculas. Controlar el espacio entre letras. Controlar el espacio entre palabras. Definir la ubicacin del salto de lnea. Colorear el texto a su gusto. Definir el sentido de la escritura. Descripcin Como dejar sangra en un texto. Ej

Si desea profundizar en el tema de textos, dirijase a CSS Textos

Fuentes
Propiedades font-family Definir un tipo de fuente. Descripcin Ej

font-style font-variant font-weight font-size

Escribir en itlica. Variar la fuente a maysculas ms pequeas. Como darle intensidad a la fuente. Definir el tamao de la fuente.

Si desea profundizar en el tema de fuentes, dirijase a CSS Fuentes

Bordes
Propiedades border-width border-color border-style Colorear el borde. Uso de bordes ocultos. Uso de bordes punteados. Uso de bordes a rayas. Uso de bordes solidos. Uso de bordes dobles. Uso de bordes sombreados. Uso de bordes en relieve. Uso de bordes en recuadro. Uso de bordes resaltados. Descripcin Establecer el ancho del borde del elemento. Ej

Si desea profundizar en el tema de bordes, dirijase a CSS Bordes

Mrgenes
Propiedades margin margin Descripcin Como dejar un mrgen alrededor de un elemento con medidas. Como dejar un mrgen alrededor de un elemento con porcentajes. Ej

Si desea profundizar en el tema de mrgenes, dirijase a CSS Mrgenes

Relleno - Padding
Propiedades padding Descripcin Como controlar el relleno que hay entre el borde y el contenido. Ej

Si desea profundizar en el tema del relleno, dirijase a CSS Relleno

Listas
Propiedades list-style-type Descripcin Aplicar diferentes marcadores a los tems de una lista desordenada. Aplicar nmeros decimales y nmeros romanos en listas ordenadas. Aplicar letras, nmeros y blancos para listas ordenadas. Ej

Si desea profundizar en el tema de listas, dirijase a CSS Listas

Tablas
Propiedades table-layout border-collapse Descripcin Como controlar el tamao de las celdas de una tabla. Definir un borde separado o un borde de una lnea fina en una tabla. Ej

Si desea profundizar en el tema de tablas, dirijase a CSS Tablas

Dimensiones
Propiedades width min-width max-width height min-height max-height line-height Descripcin Defina el ancho de un prrafo a su gusto. Defina un ancho mnimo para un prrafo. Como definir un ancho mximo para un prrafo. Como establecer la altura de un elemento. Defina una altura mnimo para un elemento. Defina una altura mxima para un prrafo. Declare una separacin entre lneas. Ej

Si desea profundizar en el tema de las dimensiones, dirijase a CSS Dimensiones

Efectos visuales
Propiedades overflow Descripcin Insertar una barra de desplazamiento en caso que el contenido sea Ej

clip display visibility

superior a la caja que lo contiene Mostrar parte de una imagen Como convertir diferentes elementos en tems de una lista Mostrar u ocultar un texto

Si desea profundizar en el tema de los efectos, dirijase a CSS Efectos Visuales

Ubicacin
Propiedades position Descripcin Posiciona un elemento dentro de la pgina por medio del mtodo esttico Por medio del mtodo relativo Por medio del mtodo absoluto Por medio del mtodo fijo top right bottom left float Ubicar un elemento por medio de estas propiedades. Ej

Posicionamiento flotante a la izquierda. Posicionamiento flotante a la derecha

clear

No permite elementos flotantes a la izquierda. No permite elementos flotantes a ambos lados

vertical-align

Alineacin vertical del texto : Lnea de referencia. Por debajo Por arriba Por encima Texto superior Medio Inferior Texto inferior Longitud Porcentaje

z-index

Ubica una imagen en una capa inferior al texto.

Si desea profundizar en el tema de las ubicaciones, dirijase a CSS Ubicacin

Contenido y Numeracin Automtica

Propiedades Descripcin Ej

content

Agregar un contenido junto con los pseudo elementos ":after y :before"

Si desea profundizar en el tema de los contenidos y la numeracin automtica, dirijase a CSS Contenido y Numeracin Automtica

Pseudo Class
Propiedades :link :visited :active :hover :focus :lang Descripcin Define el color de un enlace que an no ha sido visitado Define el color de un enlace que ya ha sido visitado Comportamiento del color de un enlace mientras se esta presionando Comportamiento del color de un enlace al pasar el cursor sobre l Hacer foco en un enlace Especificar el lenguaje usado en el elemento Ej

Si desea profundizar en el tema de las pseudo clases, dirijase a CSS Pseudo Class

Pseudo Element
Propiedades :first-line :first-letter :before :after Descripcin Cambios en la primera lnea de un texto Cambios en la primera letra de un texto Inserta un contenido antes del elemento Inserta un contenido despus del elemento Ej

Si desea profundizar en el tema de los pseudo elementos, dirijase a CSS Pseudo Element

Ejemplos Dinmicos
Descripcin Disee su formulario con CSS en lugar de usar tablas Ej

No encuentras lo que buscas?