Manual de CSS, hojas de estilo

Tutorial completo y práctico sobre hojas de estilo en cascada (CSS). Aprende a utilizar esta tecnología que te ayudará a crear páginas más atractivas y precisas. El curso contiene la descripción, uso, sintaxis, y lista de atributos para crear estilos

Listado de los capítulos
1.- Introducción a las CSS
Entramos en materia con los antecedentes de esta tecnología, las razones por las que se han desarrollado las hojas de estilo en cascada, y los objetivos que trata de cumplir. Entrar

2.- Características y ventajas de las CSS
Conoce las principales características del lenguaje, su potencia y sus posibilidades. Entrar

3.- Usos de las CSS I
Describimos las distintas aplicaciones de las Hojas de Estilo en cascada. En este capítulo veremos las más sencillas. Entrar

4.- Usos de las CSS y II
Te describimos los usos más avanzados de las hojas de estilo en cascada. Para poder utilizarlas de la manera más potente. Entrar

5.- Manual de CSS en vídeo
Primera parte del manual de CSS en vídeo de DesarrolloWeb.com, en el que explicaremos los distintos usos de las CSS, es decir, las distintas maneras de aplicar estilos a una web. Entrar

6.- Otra manera de definir estilos en un archivo externo
También podemos incluir estilos en un archivo externo con un código con la sintaxis @import url("estilo.css"). Se utiliza para definir estilos comunes cuando hay también definición de estilos específicos. Entrar

7.- Sintaxis y unidades CSS
En este capítulo explicamos la sintaxis CSS, de hojas de estilo en cascada, con especial atención a las unidades CSS. Entrar

8.- Videotutorial de CSS, parte 2
Vídeo sobre CSS: explicamos la sentencia @import y ofrecemos unas explicaciones detalladas sobre la sintaxis y unidades de las hojas de estilo en cascada. Entrar

9.- Atributos de las hojas de estilo
Explicación y ejemplos de los distintos atributos de las CSS. Podrás encontrar la lista en una tabla para imprimirtela y trabajar fácilmente. Entrar

10.- Videotutorial: Atributos de las CSS
Vídeotutorial en el que explicamos y mostramos ejemplos de uso de los atributos CSS más utilizados para formateo de texto y de cajas. Entrar

11.- Trucos avanzados con CSS
Vamos a ver una serie de técnicas con hojas de estilo, imprescindibles para utilizar esta tecnología con toda su potencia. Entrar

12.- Videotutorial: selectores de CSS
Veamos qué son los selectores y cómo nos ayudan a seleccionar elementos de la página a los que aplicar estilos. Veremos y practicaremos con distintos tipos de selectores, de etiquetas, clases, o atributo id. Entrar

13.- Qué son las capas
Vemos las diferencias entre varias etiquetas para aplicar estilos y crear capas y una pequeña introducción a las capas. Entrar

14.- Atributos para capas
Veamos el posicionamiento de capas y otros atributos que podemos utilizar al definirlas. Entrar

15.- Problema con el posicionamiento absoluto de capas
A veces el posicionamiento absoluto de capas es demasiado rígido, pues si la definición de pantalla cambia de un usuario a otro las capas pueden quedar colocadas en lugares donde no deseamos. He aquí una solución. Entrar

16.- Maquetación CSS
Una introducción sobre cómo maquetar una página utilizando capas, que ilustra el funcionamiento y la potencia de las CSS con ejemplos. Entrar

17.- Formas de aplicar estilos en maquetación CSS
Repaso a los métodos por los que se pueden aplicar estilos a las páginas web mediante CSS. Entrar

18.- Notación de colores CSS
Varias maneras, sintaxis o notaciones para definir colores con CSS de los elementos de la página. Entrar

19.- Definición de estilos CSS Shorthand
Disminuye el peso de tus hojas de estilo utilizando la forma shorthand de especificación CSS, que no es más que una manera reducida de escribir las propiedades de estilos. Entrar

20.- Pseudo-element en CSS
Vamos a conocer los Pseudo-elementos en hojas de estilo en cascada, que sirven para definir estilos para la primera línea o letra de un texto. Entrar

21.- EL atributo Overflow de CSS
Explicamos esta propiedad interesante contemplada en la especificación CSS 2. Entrar

22.- El Modelo de Caja en CSS
Un aspecto especialmente relevante de CSS es el Modelo de Caja. Este artículo brinda una primera aproximación a su arquitectura y a las distintas posibilidades que ofrece. Entrar

23.- Utilizar porcentajes para tamaños de texto con CSS
El tamaño del texto se puede cambiar por medio de CSS, para agrandarlo o disminuirlo, por medio de porcentajes, de modo que el nuevo tamaño sea relativo al tamaño actual. Entrar

24.- Problemas del Modelo de Caja en Internet Explorer 5
Si no se toman ciertos recaudos nuestros diseños se verán distinto en distintos navegadores y aún peor: en distintas versiones del mismo navegador. Este artículo analiza esos comportamientos anómalos y brinda algunos trucos para que nuestros diseños Entrar

25.- Por qué diseñar con CSS
Mostramos algunas ventajas al maquetar con CSS respecto a otras formas de hacerlo. Entrar

26.- Trucos CSS para no enloquecer
Algunas soluciones a los problemas tipicos que te puedes encontrar con CSS. Entrar

27.- CSS semánticas. Un nuevo enfoque
Existen infinidad de sitios en Internet que ofrecen miles de propuestas diferentes a la hora del uso de hojas de estilo CSS en la maquetación de portales web, como sabemos aplicables a múltiples tecnologías: XHTML, Flash, etc… Entrar

28.- CSS semánticas. Un nuevo enfoque (II)
Este artículo es la continuación de CSS semánticas. Un nuevo enfoque, y trata de dar una serie de consejos o recomendaciones a la hora del uso de hojas de estilo y escritura de código XHTML. Entrar

29.- 10 errores comunes en los css
Esta es una recopilación de errores comunes en las hojas de estilo. Es bastante provechoso hacer una lista con estos y otros errores comunes. Entrar

30.- Introducción a CSS 3
CSS 3 trae grandes novedades para el diseño de webs y algunos navegadores comienzan a implementar CSS 3. Entrar

31.- Listado de distintos frameworks CSS
Un listado de los frameworks CSS que hay en el mercado para ayudar en la maquetación de páginas web con CSS. Entrar

32.- Flujo HTML y atributos CSS
El flujo HTML es el modo en el que se van colocando los componentes de la página, a partir de cómo aparecen en el código HTML y los atributos CSS de los elementos. Entrar

33.- Posicionamiento CSS
Las hojas de estilo en cascada incorporan múltiples formas para posicionar elementos en la página, lo que comúnmente se conoce como posicionamiento CSS. Entrar

34.- Tipos de posicionamiento con el atributo position de CSS
Explicamos los distintos valores que puede tener el atributo position de CSS, con detalle. Entrar

35.- Reglas de estilo CSS de usuario y de autor
Veamos qué son las reglas de estilo de usuario, configuradas opcionalmente por cada usuario en su navegador, y las reglas de estilo de autor, que define el desarrollador de cada web. Entrar

36.- Declaración !important en CSS
En CSS podemos declarar reglas de estilos como !important para que tomen precedencia sobre otras reglas de estilos que se puedan encontrar en una página web. Entrar

Descargas
 Si eres usuario de DesarrolloWeb:
Archivo de descarga 398055 Manual de CSS, hojas de estilo. Texto completo en PDF, listo para imprimir, del manual de DesarrolloWeb.com Manual de HTML. Descarga compilada y actualizada el día 21/10/08.

Bibliografía recomendada
CASCADING STYLE SHEETS

Este libro explica paso a paso el lenguaje HTML para crear sitios web, acompañados por CSS y XHTML.

Compra este libro en Agapea, la librería urgente a domicilio.

 Manual en portugués
Esta disponible en CriarWeb.com:

Comentarios
Envie un comentario u opinión sobre este manual.

Comentarios
Fueron enviados 8 comentarios al manual
8 comentarios revisados:
Comentario
Por: Betto
27/6/09
Hola, buen articulo, me será de granutilidad..... gracias

peyukin
Gracias
16/7/09
Hola amigos de DesarrolloWeb!!... solo queria agradecerles x los manuales q contiene su pagina. Estoy empezando en esto del diseño de paginas y hasta ahora sus manuales de HTML y CSS, mas los videos explicativos de los mismos, me estan viniendo 'de pelos'.... solo eso... sigan asi!...

caed
Manual de css
19/8/09
Muy bueno el manual de css, de gran utilidad y me ayudo a aclarar muchas dudas.
Mi opinión......
Por: Daniel
17/9/09
El manual me pareció excelente ....pero se me ocurre no sería práctico pornerlo también en formato .zip,.rar o .loquesea para los que queremos leerlo y además tenerlo impreso???

Es molestoso tener que Ctrl+c y Crtl+V en todas los capitulos para hacer lo mismo... y no lo digo por este sinó por varios de los manuales de ustedes que he leido y me han parecido igual de buenos.

Gracias por el trabajo de todas formas. Vale la pena.
El manual está disponible para imprimir
07/10/09
El PDF del manual para imprimir está disponible para los usuarios que deseen leerlo. El enlace para descarga está en la página de cada artículo y en la portada del manual.

9120
Exelente
10/10/09
Exelente manual gracias por el aporte...Ok

951753
ECXELENTE SITIO
30/1/10
Hola!!! solo quiero agardecer por toda la informacion,que e obtenido en este sitio web es buenisimo,mm soy principiante con desarrollo de pag pero,con esto es suficiente para empesar, FELICIDADES!!!!!!! ,saludos a todos los que son usuarios buena elecion de sitio.

mccl
Felicitaciones
16/2/10
Muchas gracias por el manual, me sirvio muchisimo, es básico pero perfectamente entendible para quienes somos nuevos en estos asuntos :D
En este manual
Descargar manual 1

Categorías relacionadas:

Manuales relacionados
Alojados en el grupo