Curso de Css: Herencia

descarga.jpg

En esta parte del curso de Css, hablaremos de la Herencia: La herencia de los estilos definidos mediante CSS es uno de los conceptos más característicos de este lenguaje de hojas de estilos. Muchas de las propiedades que se aplican a los elementos, son heredadas por los elementos que se encuentran dentro de esos elementos. [...]

Curso de CSS: Agrupación de reglas

images21150x150.jpg

Una de las características más importantes de los estilos definidos con CSS es que se pueden agrupar las diferentes reglas que se aplican a un mismo selector. Ejemplo:     h1 {color: red;} h1 {font-size: 2em;} h1 {font-family: Verdana;} Las 3 reglas del ejemplo anterior comparten el mismo selector (h1). Aunque la parte de la [...]

Curso de CSS: Glosario basico

images21150x150.jpg

CSS define una serie de términos que permiten describir cada una de las partes que componen los estilos CSS. El siguiente esquema muestra las partes que forman un estilo CSS muy básico: Figura 1.1. Componentes de un estilo CSS básico Los diferentes términos se definen a continuación: • Regla: cada uno de los estilos que [...]

Curso de CSS: Como incluir CSS en un documento XHTML

images2.jpg

Una de las características principales de CSS es su flexibilidad y las diferentes opciones que ofrece para realizar una misma tarea. De hecho, existen 3 opciones para aplicar CSS en un documento HTML. Incluir CSS en el mismo documento HTML Los estilos se definen en una zona específica del propio documento HTML. Se emplea la [...]

Curso de Css: Funcionamiento básico de CSS

images.jpg

Funcionamiento básico de CSS Antes de la adopción de CSS, los diseñadores de páginas HTML debían definir el estilo y el aspecto de los elementos HTML en el propio documento. Ejemplo de un documento HTML sencillo sin CSS: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Ejemplo [...]