Lista De Estilos Css

Instituto Tecnológico Superior de Acayucan
Instituto Tecnológico Superior de Acayucan

María Cristina Arias Reyes

090B0154
703-A

Programación Web
LI. Francisco Gibran Candelario

Ingeniería en Sistemas Computacionales

Hoja de Estilos CSS:
Lista de estilos vistos en clase.

Acayucan, Ver. Jueves 20 de Septiembre del 2012.
Practica1:
En esta imagen de pantalla semuestra el inicio de la pagina que hicimos en clase.
Se hicieron encabezado, cuerpo, contenido y pie de pagina. A la pagina entera de lo puso en fondo. Al encabezado se le dio estilo en CSS. Se creo un menú al cual se le dio estilo para que se resaltara cuando el mouse pasara sobre el.











A la página también se le dio estilo al contenido de esta, pues se le diocolor a las letras del texto de bienvenida dándole color, margen y justificación. A la opción de inicio de sesión se le dio estilo usando el HOVER para que también se resaltar cuando el pasara sobre él, se le añadió un BORDER-BOTTOM y se le coloco una imagen con el URL ().











A la página de descargas se le creó una tabla en el archivo index.html para que a esta sele diera estilo en CSS lo cual permitió darle color a la fila encabezado y a las celdas se les añadió color y un HOVER.

A la página de Cotizaciones se le agrego un formulario dentro de un FIELDSET, a la etiquetas label se les dio color y se añadió un botón al cual igualmente se le coloco un color y un border.




















{ } : Selector paraempezar a poner atributos.
Background: Especifica el gráfico y/o color, posición y forma de pintado del gráfico que se ubica detrás del texto y otros elementos del documento.
url() : Permite añadir una imagen.
url( imagen.gif) repeat-x : Repetir imagen de fondo en forma horizontal.
text-align: podemos alinear el texto a la izquierda (left), a la derecha (right), al centro (center) ojustificarlo (justify).
Selector ID “#” : Selector ID asignados individualmente con el propósito de una definición en términos 'por elemento'. Un selector ID se asigna mediante el uso del indicador "#" para preceder un nombre. 
Width: Permite establecer su anchura directamente mediante una medida como pixel.
px (píxel): relativa respecto de la pantalla del usuario.
margin: Establece la anchurade algunos o todos los márgenes de los elementos.
Height: Permite establecer la altura de los elementos directamente mediante una medida.
font-size: sirve para indicarle el tamaño a la letra. Se lo podemos indicar utilizando las unidades de medida de CSS o mediante los siguientes valores: xx-large, x-large, large, medium, small, x-small, xx-small; siendo “xx-small” el más pequeño y “xx-large”el más grande.
font-family: Utilizaremos este estilo para definir el tipo de fuente que queramos que tenga el texto. Escribiremos las fuentes separadas con comillas.
Color: La propiedad color especifica el color del texto.
border-bottom: Establece algunas o todas las propiedades del borde inferior de los elementos. El estilo del borde sólo puede ser alguno de los valores como por ejemplodotted, dashed, solid.
Dotted: Borde punteado, formado por una serie de puntos separados por espacios.
li= Son los ítems en una lista.


Display: Establece el tipo de caja generada por un elemento. Display tiene tres valores más: "block", que muestra un salto de línea antes y después del documento, "inline", que no muestra ningún salto de línea, y "list-item", que actúa igual que block encuánto al espaciado, pero que añade un marcador de ítems de lista.
Inline: valor usado en la propiedad display que no muestra ningún salto de línea.
Padding: es la cantidad de espacio entre el borde y el contenido del elemento. Se dan entre uno y cuatro valores, donde cada valor puede ser una longitud o un porcentaje.
Border: se utiliza para establecer el mismo grosor, estilo y/o anchura...