Que es css y su uso

Universidad de Costa Rica

CSS

Abdiel Chaverri Montero carné a61556

Tabla de contenido
¿Qué es CSS? 2
Principales Características 4
Reduce la complejidad de su mantenimiento 4
SINTAXIS CSS 4
Reglas 4
Ejemplos De Sintaxis 5
Identificadores y Clases 6
Incluir Ids y clases en un documento HTML 7
Uso CSS 8
Propiedades Texto: fuente, familia, color, decoración, estilo... 9Fuente: La forma básica de declarar un tipo de letra es: 9
Color 10
Hexagesimal 10
Hexagesimal abreviado 10
Combinaciones predefinidas en inglés 10
Cantidades de color en RGB 10
Tamano 10
Decoración: 11
Estilo: 11
Grosor 11
Transformación 11
Alineado de Textos: 12
Color de fondo 12
Grafico de fondo: 12
Fondo Fijo 12
Repetición de fondo 12
Bordes 13
Pseudoclases14
Capas 14
Atributos 15
De posición: 15
De tamaño 15
Atributo visibility 15

¿Qué es CSS?
CSS es un lenguaje de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de separar los contenidos y su presentación y es imprescindible para crear páginas web complejas.
Separar la definición de loscontenidos y la definición de su aspecto presenta numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos y con significado completo (también llamados "documentos semánticos"). Además, mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y permite visualizar el mismo documento en infinidad de dispositivos diferentes.
Al crear una página web, seutiliza en primer lugar el lenguaje HTML/XHTML para marcar los contenidos, es decir, para designar la función de cada elemento dentro de la página: párrafo, titular, texto destacado, tabla, lista de elementos, etc.
Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entreelementos, posición de cada elemento dentro de la página, etc.
Este lenguaje da como resultado una mejor organización del código HTML, menos peso en las páginas y más flexibilidad en los cambios.

Principales Características

 Estilo enriquecido: CSS permite la creación de documentos visualmente mucho más ricos que lo que HTML nunca permitirá. No en vano CSS está pensado única y exclusivamentepara asistir al diseñador a la hora de dar estilo a un documento estructurado.
 Reutilización en múltiples páginas: Una hoja de estilo que recoja aspectos visuales comunes a varias páginas puede ser reutilizada en cualquier sección del site aprovechando dichos efectos ya definidos. De esta manera es sencillo generar un estilo general del web y mantenerlo así consistente para todas las páginas.Así, si deseamos modificar un estilo que es común a todo el site, sólo necesitaríamos modificar una línea de nuestro fichero CSS (con la aproximación clásica que ofrece HTML, deberíamos modificar todas y cada una de las páginas).
Reduce la complejidad de su mantenimiento: El documento HTML en sí mismo es más claro de entender y se consigue reducir considerablemente su tamaño (siempre y cuando no seutilice estilo en línea).

SINTAXIS CSS

Reglas

CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o
más elementos. Las hojas de estilo están compuestas por una o más de esas reglas
aplicadas a un documento HTML o XHTML.
Veamos los componentes sobre los que se basan las reglas CSS. La regla tiene
dos partes: selector y declaración.
* Un selector indicaal navegador que elemento del documento se verá afectado
Por la regla.
* Una declaración establece cual será el efecto sobre ese elemento. Van entre
llaves ( {} ). Y cada declaración está compuesta por:
- Propiedad: especifica que aspecto del diseño va a cambiarse.
- Valor: da valor para la propiedad.

Ejemplos De Sintaxis

Partiendo de la sintaxis general:
Selector {propiedad:...