[SOLUCIONADO] Curso para aprender CSS3 desde cero

[johan_ricardo11]

Hola Señores del Foro, le coloco a disposición este Curso de CSS3 desde cero que he creado y he estructurado por Temas y modulos como manda la especificación, desde los conceptos básicos hasta los mas avanzados, para ayudar a las personas que recién comienzan con este lenguaje de estilos.

Aprender no cuesta nada, Enseñar muchisimo menos


Introducción a CSS3

• #1 - Introducción
• #2 - Un poco de historia de CSS
• #3 - Conceptos básicos

Selectores básicos

• #4 - Selectores básicos
• #5 - Selectores Id y Class
• #6 - Combinadores de Selectores
• #7 - Selectores de atributo
• #8 - Introducción a las Pseudo Clases
• #9 - Pseudo-Clases de Link y Acciones
• #10 - Pseudo Clases estructurales básicas

Selectores avanzados

• #11 - Pseudo clases :nth-child() y :nth-last-child()
• #12 - Pseudo clases estructurales de tipo :nth-of-type() y :nth-only-type
• #13 - Más Pseudo clases de CSS3
• #14 - Pseudo clases UI o de Interfaz de Usuario
• #15 - Pseudo Elementos, parte 1
• #16 - Pseudo Elementos, parte 2 ::before y ::after

Valores y Unidades

• #17 - Unidades de Longitud Absolutas
• #18 - Unidades de Longitud Relativas
• #19 - Unidades de Longitud Viewport Relativas
• #20 - Los Colores en CSS como tipos de valor
• #21 - Otros tipos de valores en CSS

Texto, Fuentes, y Listas

• #22 - Propiedades de fuentes en CSS3
• #23 - Utilizando el método Shorthand con las Propiedades Fonts
• #24 - Propiedades de Textos en CSS3
• #25 - Propiedad de Textos text-shadow
• #26 - Estilos de Listas

Modelo de Caja de CSS

• #27 - “Modelo de Caja” en Css. padding, border y margin
• #28 - “Modelo de caja CSS” Width y Height
• #29 - Box-sizing Modificando el Modelo de caja predeterminado
• #30 - La propiedad Display y sus valores
• #31 - Las Propiedades Float y Clear
• #32 - Las Propiedades Position y Z-index

Backgrounds, Sombras y Bordes a Elemento HTML

• #33 - Las Propiedades Background básicas
• #34 - Las Propiedades Background avanzadas
• #35 - Border-radius
• #36 - Box-shadow
• #37 - Border-image

Degradados con CSS3

• #38 - Degradados lineales (Linear-Gradients)
• #39 - Degradados Radiales (Radial-Gradients)
• #40 - Repeating Gradients

Flexbox y Multi-Column

• #41 - Entendiendo las caracteristicas Flexbox de CSS3
• #42 - Múltiples columnas con Multi-Column layout de CSS3

Web Fonts, Fuentes personalizadas con @Font-Face

• #43 Web fonts, Fuentes personalizadas con @font-face
• #44 Icon fonts, Iconos basados en Fuentes con @font-face

Transiciones y Transformaciones

• #45 - Las Transiciones y sus Propiedades
• #46 - Transformaciones 2D
• #47 - Transformaciones 3D

Animaciones con CSS3

• #48 - Las Animaciones en CSS3

Media Queries
Pendientes

[webosiris]

Hola Johan, bienvenido al foro.
Vaya primer mensaje que te mandastes, gracias por tu aporte, sin duda que a muchos usuarios del foro le va a ser útil.

PD: te arreglé los enlaces para que se vieran bien, porque las medidas anti-spam del foro no permiten a los usuarios nuevos incluir enlaces.

[johan_ricardo11]

Iniciado por webosiris

Hola Johan, bienvenido al foro.
Vaya primer mensaje que te mandastes, gracias por tu aporte, sin duda que a muchos usuarios del foro le va a ser útil.

PD: te arreglé los enlaces para que se vieran bien, porque las medidas anti-spam del foro no permiten a los usuarios nuevos incluir enlaces.

Muchas Gracias webosiris, jeje esperaba que alguien lo hiciera ya que no podia.
Espero seguir aportando cosas utiles para los Frontend de este foro.

[nikimoto]

primero de todo darte las gracias hermano por el gran aporte, nunca esta de mas un buen tutorial donde refrescar ideas.
y segundo, hay algun enlace mal, en concreto el del punto 45 te manda al 43.

venga y gracias de nuevo

[webosiris]

Iniciado por nikimoto

y segundo, hay algun enlace mal, en concreto el del punto 45 te manda al 43.

arreglado