Los Cursos más votados de CSS

Curso de HTML claro y sencillo, para aprender a hacer paginas web desde cero.

1. Introducción a HTML
2. Etiquetas de Texto
3. Hiperenlaces
4. Listas
5. Imágenes
6. Tablas
7. Vídeo y audio
8. Formularios
9. Hojas de estilo CSS. Sintaxis. Selectores
10. CSS. Unidades. Color. Margen. Fondo. Borde
11. CSS. Fuente y texto.
12. Estructura de una página web
13. Posicionamiento. Flexbox. Grid
14. Técnicas de diseño web
15. Introducción a los gráficos Canvas
16. Introducción a SVG. Gráficos redimensionables
17. Publicar en internet
18. Referencia de etiquetas HTML

Este breve tutorial está pensado para aquellas personas que quieren comenzar a utilizar CSS y nunca han escrito una hoja de estilos CSS.

No explica mucho sobre CSS. Se centra en cómo crear un archivo HTML, un archivo CSS y cómo hacer que los dos funcionen juntos. Una vez finalizado este tutorial, podréis leer cualquiera de los otros tutoriales para darle más estilo a los archivos HTML y CSS. También podréis utilizar un editor de HTML o CSS, para desarrollar sitios Web más avanzados.

Manual De HTML / CSS

Con el HTML se intento desde un principio la definición de estilos lógicos que se centrasen más en el contenido de la información que en su presentación. Sin embargo el gran exito de Internet y por tanto la aparición de importantes intereses comerciales exigían un control cada vez más rígido sobre la presentación final del documento.

Estas técnicas aumentan considerablemente la complejidad de las páginas Web, tienen escasa flexibilidad y problemas de interoperabilidad.
Debido a estas causas y con la intención de volver a la idea original de separar el contenido de la presentación y de ofrecer mayores y más faciles posibilidades de presentación el W3 Consortium, empezo a discutir a principios de 1995 la utilización de las Hojas de Estilo (CSS) en la Web. La intención era incluirlas en las especificaciones 3.0 del HTML pero las discusiones se extendieron tanto que al final se impusieron las extensiones propuestas por Netscape dando lugar a la versión 3.2 del HTML, aunque la versión 3.0 del Explorer ya las soportaba en parte.
En la actualidad las especificaciones CSS se encuentran en el nivel 2 (CSS2), que es una recomendación del W3C del 12 de Mayo de 1998, y se están escribiendo actualmente las especificaciones del nivel 3 (CSS3). Sin embargo, en este curso vamos a estudiar la recomendación de nivel 1 (CSS1), que es la que está implementada por los navegadores actuales (Explorer 5 y superiores, Mozilla y Opera) y en parte por las antiguas versiones 4 tanto del Explorer como del Netscape.

Manual de hojas de estilo realizado por José Carlos García. En formato pdf.

Uso práctico de las hojas de estilo CSS (Cascading Style Sheets) en el diseño web. Por Ricardo Borillo Domenech.

Completo manual de hojas de estilo en cascada nivel 2. Dividido en 19 secciones.

Manual de CSS publicado en w3.org en formato pdf. Contiene 313 páginas.

Manual de CSS avanzado dividido en:
Capítulo 1. Técnicas imprescindibles
1.1. Propiedades shorthand
1.2. La propiedad hasLayout de Internet Explorer
1.3. Limpiar floats
1.4. Elementos de la misma altura
1.5. Sombras
1.6. Transparencias
1.7. Sustitución de texto por imágenes
1.8. Sustitución de texto por Flash
1.9. Esquinas redondeadas
1.10. Rollovers y sprites
1.11. Texto
Capítulo 2. Buenas prácticas
2.2. Comprobar el diseño en varios navegadores
2.3. Mejora progresiva
2.4. Depuración
2.5. Hojas de estilos
2.6. Rendimiento
2.7. Recursos imprescindibles
Capítulo 3. Selectores
3.1. Selector de hijos
3.2. Selector adyacente
3.3. Selector de atributos
3.4. Pseudo-clases
3.5. Pseudo-elementos
3.6. Selectores de CSS 3
Capítulo 4. Propiedades avanzadas
4.1. Propiedad white-space
4.2. Propiedad display
4.3. Propiedad outline
4.4. Propiedad quotes
4.5. Propiedad counter-reset
4.6. Propiedad counter-increment
4.7. Propiedad content
Capítulo 5. Frameworks
5.1. El framework YUI
5.2. Primeros pasos con el framework YUI
5.3. Inicializando estilos con el framework YUI
5.4. Texto con el framework YUI
5.5. Layouts con el framework YUI
5.6. Otros frameworks
Capítulo 6. Técnicas avanzadas
6.2. Mapas de imagen
6.3. Variables en las hojas de estilos
6.4. Estilos alternativos
6.5. Comentarios condicionales, filtros y hacks
6.6. Selector de navegador
En formato pdf. Contiene 151 páginas.

Curso completo de Bootstrap 4 en vídeo. Duración 4h 40m

Este es un manual de Responsive Web Design, la técnica que permite hacer webs adaptables a las condiciones del ordenador o dispositivo que las está accediendo. También las conocemos como técnicas adaptativas, focalizadas principalmente a las dimensiones de la pantalla.
Responsive Web Design no es una única técnica, sino son un conjunto de ellas que nos sirven para hacer diseños adaptables al medio donde se van a consumir. Por tanto, este manual no tiene un principio y un fin que pudiera estar perfectamente definido, sino que se podría ampliar su contenido en función de las necesidades de los sitios web en la actualidad, experiencia de los escritores o las novedades en los estándares como HTML y CSS para facilitar la adaptabilidad del diseño web.
En Internet no hemos encontrado una información completa y ordenada de principio a fin, en español, sobre Responsive Web Design, por lo que nos hemos decidido a escribir este texto que esperamos sirva de referencia para quien comienza a interesarse por la adaptabilidad del diseño o incluso para quien ya aplica el "Responsive".

Desde que CSS comenzó han pasado muchos años y ya vamos por la especificación de CSS3, que
incorpora una serie de novedades que vamos a tratar en este manual.
INDICE
1.- ¿Qué es CSS?
2.- Propiedades nuevas en CSS3
3.- Gradiente de color en el borde de los elementos
4.- Bordes redondeados
5.- Varias imágenes de fondo
6.- Colores RGBA
7.- Word-wrap
8.- Texto multi-columna
9.- Imágenes como borde
10.- Sombras
11.- Resplandor exterior
12.- Background-origin
13.- @font-face
14.- Degradados
15.- Degradado lineal
16.- Degradado lineal repetitivo
17.- Degradado radial
18.- Degradado radial repetitivo
19.- Animaciones
20.- Animación simple
21.- Animación con texto
22.- Animación con texto tipo Matrix
23.- Animación efecto nieve
24.- Dibujo animado
25.- Animación de galería de fotos
26.- Menú animado
En formato pdf. Contiene 82 páginas.

Curso de calidad, con ejercicios, videotutoriales y evaluaciones, para aprender todo lo necesario sobre HTML y CSS.

Índice de Contenidos:
1. Introducción a HTML
2. Etiquetas de Texto
3. Hiperenlaces
4. Listas
5. Imágenes
6. Tablas
7. Vídeo y audio
8. Formularios
9. Hojas de estilo CSS. Sintaxis. Selectores
10. CSS. Unidades. Color. Margen. Fondo. Borde
11. CSS. Fuente y texto.
12. Estructura de una página web
13. Posicionamiento. Flexbox. Grid
14. Técnicas de diseño web
15. Introducción a los gráficos Canvas
16. Introducción a SVG. Gráficos redimensionables
17. Publicar en internet
18. Referencia de etiquetas HTML

¿Te gustaría dominar tus páginas web para que se vean como realmente quieres?

Deja de dar vueltas por internet buscando parches y aprende las bases del diseño web con este tutorial CSS.

Los apuntes, resúmenes de clase, chuletas y ejercicios que encontrarás están pensados para los alumnos del curso IFCD0110 de confección y publicación de páginas web. Pero te sirven aunque no lo curses.

Antes de leer este tutorial es conveniente que estés familiarizado con el html.

He dividido el tutorial en diversas secciones:

1.- CSS indispensable.
2.- CSS intermedio.
3.- CSS en profundidad.
4.- Otros contenidos del blog sobre CSS
5.- Ejercicios.
6.- Ejemplos de menús desplegables con css
7.- Cómo maquetar web mediante rejillas
8.- Tutorial flexbox
9.- Tutorial grid

Curso COMPLETO de Efectos CSS3 para darle a tus sitios web un aspecto único y personalizado, aprende a crear tus propias animaciones con css, más rápidas y ligeras que con javascript u otros lenguajes

Índice de vídeos:
CSS Efecto - 01 Introducción
CSS Efecto - 02 PseudoElementos
CSS Efecto - 03 PseudoClases
CSS Efecto - 04 Técnicas de Camuflaje
CSS Efecto - 05 Triangulo Lateral
CSS Efecto - 06 Triangulo Fijo
CSS Efecto - 07 Esquina Pagina
CSS Efecto - 08 Sombra Fija
CSS Efecto - 09 sombra difuminada
CSS Efecto - 10 sombra radial
CSS Efecto - 11 sombra externa
CSS Efecto - 12 sombra interna
CSS Efecto - 13 iluminación
CSS Efecto - 14 resalte de borde
CSS Efecto - 15 borde interno
CSS Efecto - 16 expansión de borde
CSS Efecto - 17 recogida de borde
CSS Efecto - 18 redondeado de esquinas
CSS Efecto - 19 borde inferior - menús
CSS Efecto - 20 Conclusión
Keyframe CSS - 01 Introducción
Keyframe CSS - 02 Estructura
Keyframe CSS - 05 Chicle
Keyframe CSS - 12 Rebote
Keyframe CSS - 18 FadeIn Variantes
Keyframe CSS - 23 Sombra Movil
Keyframe CSS - 24 Arrow
Efecto 3D con CSS3 - Keyframes 25
Keyframe CSS - 28 TranslateZ 3D
Keyframe CSS3 - Animación Balanceo
Keyframe CSS3 - Animación Bote
Keyframe CSS3 - Animación Chicle
Keyframe CSS3 - Animación Doble
Keyframe CSS3 - Animación Intermitente
Keyframe CSS3 - Animación Descarte
Keyframe CSS3 - Animación Onda
Keyframe CSS3 - Animación Giro 3D
CSS3 - Efecto Triángulo Lateral
CSS3 - Efecto Triángulo Fijo
CSS3 - Efecto Esquina de Página
CSS3 con Keyframe - Efecto Sombra Móvil
CSS3 - Efecto de Sombra Fija
CSS Efecto 3D - 01 Introducción
CSS Efecto 3D - 07 Cubo Esqueleto
CSS Efecto 3D - 11 Bola del Mundo
CSS Efecto 3D - 13 Proyecto Presentación

Las Style Sheets, una de las recientes incorporaciones al mundo del Web, son una herramienta que proporciona al diseñador de documentos HTML un control total sobre la forma en que estos se visualizan o imprimen.