MANUAL CSS

Informática I

CONTENIDO
• • • • • • • • Introducción CSS Beneficios del CSS Definición de formas y atributos. Sintaxis del CSS Definición de estilos utilizando clases Atributos Medios Ejemplos

CSS
Las CSS son hojas de estilos en cascadas, son herramientas que permiten darle una presentación a las paginas web, medios (pantallas, impresoras, móviles, etc).

Abarcan: fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado. El CSS facilita el mantenimiento de los sitios debido a la separación del contenido.

Beneficios del CSS
• Mayor control de la presentación de muchos documentos en una única hoja de estilo. • Control preciso de la presentación • Numerosas técnicas …ver más…

font-family

serif | sans-serif | cursive | fantasy | monospace Todas las fuentes habituales

font-family:arial,helvetica; fontsize: fantasy;

Con este atributo indicamos la familia de tipografía del texto. Los primeros valores son genéricos, es decir, los exploradores las comprenden y utilizan las fuentes que el usuario tenga en su sistema. También se pueden definir con tipografías normales, como ocurría en html. Si el nombre de una fuente tiene espacios se utilizan comillas para que se entienda bien.

Nombre del atributo

Posibles valores

Ejemplos

font-weight

normal | bold | bolder | lighter | font-weight:bold; font-weight: 100 | 200 | 300 | 400 | 500 | 200; 600 | 700 | 800 | 900

Sirve para definir la anchura de los caracteres, o dicho de otra manera, para poner negrillas con total libertad. Normal y 400 son el mismo valor, así como bold y 700. font-style normal | italic | oblique font-style:normal; font-style: italic;

Es el estilo de la fuente, que puede ser normal, itálica u oblícua. El estilo oblique es similar al italic.

Nombre del atributo

Posibles valores PÁRRAFOS - TEXT

Ejemplos

line-height

normal y unidades CSS

ine-height: 12px; line-height: normal;

El alto de una línea,y por tanto, el espaciado entre líneas. Es una de esas