• Author / Uploaded
• SaraGPisano

Citation preview

VINCULAR DOCUMENTO CSS AL HTML.

@import ‘/carpeta/nombre.css’; @import url(‘/carpeta/nombre.css’); CAJAS. ANCHURA Y ALTURA  

Width Height MARGEN Y RELLENO

 

margin: o top, right, bottom, left padding: o top, right, bottom, left o BORDER

  

border-width: border-color: o color, transparent. border-style: o none, hidden, dotted (puntos), dashed (líneas), solid, double (dos líneas), groove (relleno), ridge (relleno), inset (hacia dentro), outset (hacia fuera) BACKGROUND

    

background-color: color, transparent background-image: url (imagenes/fondo.gif); background-repeat: o repeat, repeat-x, repeat-y, no-repeat background-position: o left, center, right, bottom, % background-attachment (comportamiento de la imagen) o scroll, fixed POSICIONAMIENTO Y VISUALIZACIÓN



 

position: o static, relative (desplazar una caja con respect a su posción incial, No afecta al resto de cajas : top, right, left, bottom), absolute (depende del posicionamiento del contenedor. No afecta a las otras cajas. Esquina izquierda superior es el origen: top, right, left, bottom), fixed. float (el resto de las cajas se adaptan a las cajas flotantes): o Left, right clear (hacer que las cajas de alrededor no se toquen): o none, left, right, both

 

 

display (oculta totalmente un elemento. Desaparece de la página): o block, inline, none visibility (elemento invisible): o visible, hidden, collapse (solo para filas, columnas de una tabla. Oculta la fila/columna) overflow (sobrante de un elemento): o visible, hidden, scroll, auto z-index (tridimensión de las cajas): o auto, TEXTO Y TIPOGRAFÍA

 

            



color: o Font-family: o , Font-size: o Font-weight: o bold font-style: o italic (cursiva), oblique (más cursiva) Font-variant: o Small-caps (mayúsculas pequeñas) Text-align: o Left, right, center, justify Line-height (interlineado): o Text-decoration: o None, underline, overline, line-through, blink Text-transform: o Capitalize(primera letra de cada palabra en mayúsculas), uppercase, lowercase Vertical-align (alinear texto y foto): o Baseline, sub, super, top, text-top, middle, bottom Text-indent (tabular texto): o Letter-spacing: o Word-spacing: o White-space (tartar espacios en blanco) o Pre (respeta espacios, saltos de línea), nowrap (elimina espacios en blanco, saltos de línea), pre-wrap (respeta espacios en blanco, saltos de líneas, ajusta líneas al espacio), pre-line (elimina espacio en blanco, respeta líneas, ajusta líneas) First-letter//first-line

ENLACES  

Link, visited, hover, active, focus Background-image: url() no-repeat; LISTAS



 

List-style-type: o None, disc, circle, square, decimal, lower-Roman, lower-latin, Georgian, upperalpha List-style-position (viñeta dentro de texto o no): o Inside, outside List-style-image: o url TABLAS

    

border-collapse (fusion de bordes) o callapse, separete border-spacing: o Empty-cells: o Show, hide Caption-side (posición título de la tabla): o Top, bottom