Los Cursos más visitados de CSS

Manual De HTML / CSS

Índice de Contenidos:
1 HTML 5
1.1 Navegadores que lo soportan
1.2 Doctype
1.3 Mejor estructura
1.4 Formularios
1.5 Mark
1.6 Canvas
1.7 Audio
1.8 Vídeo
1.9 Geolocalización
1.10 Almacenamiento Offline
1.11 Detectar funcionalidades de HTML5
2 CSS3
2.1 Nuevos selectores de atributos
2.2 Nuevas pseudo-clases
2.3 Color
2.4 Bordes
2.5 Fondos
2.6 Texto
2.7 Columnas
2.8 Modelo de caja básico
2.9 Transiciones
2.10 Transformaciones
2.11 Más información

En formato pdf. Contiene 30 páginas.

Completo manual realizado por Antonio Navajas Ojeda.
Contiene:
1. Selectores
2. Pseudo elementos de CSS3
3. Pseudo-clases
4. Efectos de texto y tipografía
5. Color
6. Efectos de borde
7. Nuevas propiedades de fondo
8. Efectos de sombra y brillo
9. Transformaciones
10. Transiciones
11. Animaciones CSS
En formato pdf. Contiene 63 páginas.

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

Es un ebook CSS gratuito creado para principiantes. El contenido se extrae de la plataforma Stack Overflow, escrita por muchos desarrolladores y colaboradores de CSS.

El contenido se publica bajo Creative Commons BY-SA

En formato pdf. Contiene 327 páginas.

Libro de CSS publicado por O'REILLY.
Contenidos:
1. A brief history of (Web) Style
2. Elements
3. Bringing CSS and HTML Together
4. Media Queries
5. Style Sheet Contents
6. Summary
En formato pdf. Contiene 35 páginas.

Aprende el diseño web, veremos lenguajes como HTML y con ayuda de un FrameWork (Bootstrap) usaremos HTML5, JavasCript, CSS3, entre otros lenguajes para realizar los mas modernos y mejores diseños de Internet.

Se que esos nombres suenan muy raros pero es realmente facil de usar... ¡SIN MIEDO! :D

Índice de Vídeos:
Capitulo 0 - Introducción Para Principiantes
Capitulo 1 - Etiquetas Básicas (HTML)
Capitulo 2 - Estilos de textos
Capitulo 3 - Insertar Fondos e Imágenes
Capitulo 4 - Crear Tablas
Capitulo 5 - Crear Botones y Enlaces
Capitulo 6 - Iniciando Bootstrap (FrameWorks)
Capitulo 7 - Creando Pagina web COMPLETA (1/2)
Capitulo 7 - Creando Pagina web COMPLETA (2/2)
Capitulo 8 - Servidores Web (Internet)
Capitulo 9 - Subir Pagina web a Internet
Pagina Web Profesional con Plantillas Premium en Joomla - TemplateMonster
Plantillas Gratuitas Profesionales de TemplateMonster
Sublime Text + FTP, Editar página subida a internet
Instalar Plantilla Wordpress Profesional Gratis y Premium - TemplateMonster
Personalizar plantillas gratuitas y premium en WordPress - TemplateMonster
Comprime y reduce el peso de una imagen hasta un 90% - Dostin Hurtado

Manual de CSS realizado por Dwight VanTuyl. En formato pdf. Contiene 24 páginas.

Manual de hojas de estilos CSS. En formato pdf. Dividido en 25 páginas.

Este breve tutorial está pensado para aquellas personas que quieren comenzar a utilizar CSS y nunca han escrito una hoja de estilos CSS. Dividido en: HTML, añadir color, añadir tipo de letra, barra de navegación, dar estilo a los enlaces, línea horizontal, CSS externa.

El objetivo de este tutorial es conocer y practicar el framework Bootstrap. Se presentan primero los conceptos básicos y ejercicios para probarlos y modificarlos.
Se requiere tener conocimientos previos de HTML y CSS.

Contenidos:
1 - ¿Qué es Bootstrap?
2 - Sistema de grillas de Bootstrap
3 - Múltiples reglas a las columnas de una fila.
4 - Anidamiento de columnas
5 - Offset (desplazamiento) de columnas
6 - Contenedor: container y containter-fluid
7 - table : básica
8 - table : con filas con colores alternos
9 - table : con borde en cada celda.
10 - table : iluminar la fila donde se encuentra el mouse (hover)
11 - table : tabla condensada.
12 - table : adaptable.
13 - table : clases contextuales aplicadas a filas y celdas.
14 - form : controles input (text,password)
15 - form : control textarea
16 - form : controles checkbox y radio
17 - form : control select
18 - form : formulario en una línea
19 - form : formulario horizontal
20 - form : control y grupo de controles HTML deshabilitados
21 - button : estilos
22 - button : tamaño
23 - button : desactivo
24 - button : grupo de botones, barra de herramientas y tamaños.
25 - Tipografía : títulos
26 - Tipografía : colores según el contexto.
27 - Tipografía : listas
28 - Tipografía : citas de bloque
29 - Tipografía : abreviaturas e iniciales
30 - Tipografía : Código y bloques de código.
31 - Tipografía : Clases para el alineado, justificado, transformación de texto etc.
32 - Iconos
33 - Imágenes
34 - Componente : jumbotron
35 - Componente : panel
36 - Componente : navegación por pestañas
37 - Componente : paginación
38 - Componente : barra de progreso
39 - Componente : barra de navegación simple
40 - Componente : Menú desplegable (Javascript)

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

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.

Curso de CSS3 completo en un vídeo de 5h.

El objetivo de este tutorial es conocer y practicar con las nuevas propiedades que nos presenta el css3. Disponemos de un concepto teórico, un ejercicio resuelto y la vista en ejecución de la página con su hoja de estilo.
Contenidos:
1 - Bordes redondeados (border-radius)
2 - Bordes redondeados de alguno de los vértices (border-top-left-radius etc.)
3 - Sombras (box-shadow)
4 - Sombras múltiples (box-shadow)
5 - Sombras interiores (box-shadow)
6 - Sombras con transparencias (box-shadow)
7 - Sombras de texto (text-shadow)
8 - Transformaciones 2D: rotación (transform:rotate)
9 - Transformaciones 2D: punto de origen (transform-origin)
10 - Transformaciones 2D: escalado (transform:scale)
11 - Transformaciones 2D: translación (transform:translate)
12 - Transformaciones 2D: torcer (transform:skew)
13 - Transformaciones 2D: múltiples transformaciones en forma simultanea
14 - Opacidad (opacity)
15 - Opacidad (color)
16 - Múltiples columnas (column-count)
17 - Múltiples columnas dinámicas (column-width)
18 - Múltiples columnas y su separación (column-gap)
19 - Múltiples columnas y línea separadora (column-rule)
20 - Importar una fuente no disponible en el navegador (@font-face)
21 - Imágenes de fondo (background-image)
22 - Imágenes de fondo en diferentes posiciones (background-position)
23 - Imágenes de fondo (background-size)
24 - Imágenes de fondo (background-origin)
25 - Transiciones de una propiedad (transition)
26 - Transiciones de múltiples propiedades (transition)
27 - Transiciones (funciones de transición)
28 - Transiciones (tiempo de demora en iniciar la transición)
29 - Transiciones (otra sintaxis para hacer lo mismo)
30 - Animaciones (sintaxis básica)
31 - Animaciones (animation-iteration-count y animation-direction)
32 - Animaciones (animation-timing-function y animation-delay)
33 - Animaciones (animation-play-state)
34 - Animaciones (definición de más de 2 keyframes)

¿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

Este curso trata sobre CSS3, la última versión del Cascade Style Sheet. Incluye:
Selectores CSS3
Pseudo-elementos en CSS 3
Pseudo-clases en CSS 3
Textos y fuentes en CSS 3
Colores RGBA, HSL y HSLA en CSS3
Bordes redondeados en CSS3 con border-radius
Fondos en CSS3
Sombras y efectos en CSS3
Transformaciones en CSS3
Animaciones en CSS3
El futuro de CSS3 y HTML5

Curso de maquetación web dividido en 15 vídeos.

Aprende a crear sitios web utilizando HTML y CSS, este curso paso a paso y desde cero a experto, pondrás en práctica todo lo que iremos aprendiendo para convertirnos en un desarrollador web.

Este curso completo aprenderás las principales etiquetas de HTML para construir sitios web adaptables a celulares y tablet.

En el capítulo 1 veremos una introducción a HTML y CSS, además de conocer como trabajar con un editor de código llamado Visual Studio Code. Este nos ayuda a crear etiquetas y nos pinta todo con colores.

En el capítulo 2 ya comenzaremos con los fundamentos de HTML5, sus versiones y sus sintaxis.

En el capítulo 3 veremos fundamentos de CSS3, así ya podremos colocar estilos a nuestras páginas web.

En el capítulo 4 crearemos un Navbar - Menú de navegación, el cual nos servirá para poder ir navegando entre diferentes pestañas de tu sitio web.

En el capítulo 5 desarrollaremos una tabla de precios utilizando Flexbox, una de las principales características de CSS3.

Se irán agregando nuevas secciones, por lo tanto al finalizar el curso tendrás un sitio web completo construido paso a paso y desde cero.

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

CSS 1 is described in W3C CSS 1 Recommendation. In this tutorial selected CSS 1 features are demonstrated on many examples.

El tutorial está pensado para que pueda ser desarrollado por una persona que conoce solo HTML. El objetivo de este sitio es poder aprender CSS en forma sencilla viendo un concepto teórico, luego algunos ejercicios resueltos y por último y lo más importante efectuar una serie de ejercicios. Puede desarrollar los ejercicios en el sitio, probarlos y ver los resultados. Se recomienda primero ver el detalle del tema, pasar posteriormente a los problemas ya resueltos del tema tratado (podemos hacer modificaciones sobre dicho problema) y finalmente resolver los ejercicios propuestos.

El objetivo de este tutorial es conocer y practicar con las nuevas propiedades que nos presenta el css3. Disponemos de un concepto teórico, un ejercicio resuelto y la vista en ejecución de la página con su hoja de estilo.

Curso de CSS en 15 vídeos:
PARTE 1 - Introducción
PARTE 2 - insertar y enlazar css
PARTE 3 - modelo de caja
PARTE 4 - Clases, identificadores y comentarios
PARTE 5 - Selectores
PARTE 6 - Unidades de medida
PARTE 7 - Manejo de colores
PARTE 8 - Pseudo selectores
PARTE 9 - Posiciones
PARTE 10 - Dimensiones
PARTE 11 - Margenes, bordes y rellenos
PARTE 12 - Fondos background
PARTE 13 - Textos y fuentes
PARTE 14 - Tablas
PARTE 15 - Listas

El Manual de CSS 3 introduce nuevas características de las especificaciones de Hojas de Estilo en Cascada nivel 3, CSS3, para definir el aspecto de las páginas web de una manera más avanzada.

Con CSS 3 hemos obtenido una una actualización importante en el estándar de definición de estilos para documentos HTML, que incluye características potentes, tanto para aplicar aspecto avanzado en elementos de una página como para ayudarnos a realizar una maquetación más precisa.

Este es un manual muy práctico, en el que iremos abordando diversas características de las CSS aparecidas recientemente, con artículos cortos en los que podrás encontrar explicaciones y ejemplos de cada una por separado.

El objetivo final es que los desarrolladores sean capaces de aplicar estilos a los documentos HTML de manera versátil, sin necesidad de hacks y facilitando la separación entre contenido y presentación. CSS 3 ya no es una novedad, sino una versión del lenguaje totalmente adoptada por los navegadores, que todo desarrollador debe utilizar en su día a día.

Tutorial de CSS online en formato html. Dividido en nueve secciones.

En este curso aprenderemos cómo debemos usar CSS en nuestra página web y veremos las opciones más comunes que necesitaremos para dar formato a nuestras páginas.

Tutorial de estilos CSS dividido en:
- introducción
- propiedades CSS
- ejemplos con CSS

Tutorial completo, teórico y práctico sobre hojas de estilo en cascada (CSS, acrónimo de Cascading Style Sheets). Aprende a utilizar este lenguaje que te ayudará a crear páginas más atractivas y precisas, mantenibles y optimizadas.

En este tutorial cubrimos los aspectos más básicos del lenguaje, el por qué de su existencia, usos, sintaxis, atributos para crear estilos en los diversos elementos de la página, etc.

Finalizamos con una serie de artículos más avanzados para ir un poco más allá y saber por dónde podemos continuar en el aprendizaje del lenguaje y cómo podemos usarlo para crear sitios web más atractivos y optimizados.

Tutorial de referencia de CSS en formato html. Muy completo.