Videotutorial de CSS, parte 2

  • Por
  • CSS
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.
Realizamos una nueva entrega del manual de CSS de DesarrolloWeb.com en vídeo, que sirve para complementar las explicaciones que se encuentran en el tradicional manual de CSS en texto.

En este caso vamos a seguir aprendiendo generalidades sobre CSS, es decir, temas introductorios que sirven para entender cómo se trabaja con este lenguaje para aplicación de estilo en páginas web. En la línea de lo que veníamos explicando en la primera parte del manual de CSS en vídeo, vamos a continuar contando una nueva forma de enlazar con hojas de estilo externas, utilizando la instrucción @import.

Luego nos detendremos en un tema interesante que debemos comprender para poder entender cómo se utilizan hojas de estilo definidas por medio de varios ámbitos. En concreto veremos qué es lo que pasa cuando surgen discrepancias entre los estilos indicados en dos archivos externos y cuál de ellos es el que se tiene más en cuenta, es decir, qué estilos dominan cuando dos o más reglas de estilo inciden sobre un mismo elemento.

Luego vamos a dar un repaso en profundidad a la sintaxis y las unidades de las hojas de estilo, explicando cómo se construyen de manera general las declaraciones de estilos, es decir, la sintaxis de las CSS. Además, para explicar este punto, es primordial también hablar sobre las diferentes unidades de medida que soporta el lenguaje y sus particularidades.

El vídeotutorial de CSS en esta segunda parte ocupa unos 50 minutos de duración y esperamos que sean provechosos para seguir aprendiendo a realizar páginas web con hojas de estilo en cascada. Como siempre, colocamos el vídeo en esta página, que hemos subido a un par de sitios de vídeos. Primero Daylimotion y luego Youtube.

Como decimos, este vídeo se puede ver también en Youtube, que puede funcionar mejor para algunas personas.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

Sandrix

30/7/2009
Excelente!!
Gracias por este Video, muy útil y didáctico.

gurufractal

31/7/2009
SOBRE EL VIDEOTUTORIAL DE CCS
Hola amigos! Soy principiante en esto de los estilos de paginas CCS y aunque he estado leyendo detenidamente algunos artículos de desarrolloweb al respecto tenia algunas dudas que finalmente este excelente video me a ayudado a aclarar. Muchas gracias en verdad por este video!

regalbum

01/8/2009
el video ha sido borrado
saludos, recien me integro a la comunidad y me encuentro q' el video ya no se encuentra disponible, ni la parte 1 ni la parte 2 :=( pena penita pena, lo subiran denuevo? gracias.

maria_delena__mendoza_chavez

05/8/2009
Borrado del video
Buenas noches, por favor volveran a subier el video parte 2?? Por favor haganlo, gracias

liliana_fernandez-390619

10/8/2009
No se puede visualizar el video
Estoy intentando visualizarlo pero sale el siguiente mensaje:
Sorry, "Manual de HTML - Parte 1" was deleted at 1:52:34 Fri Jul 31, 2009. We have no more information about it on our mainframe or elsewhere.
Podrian subirlo nuevamente ?Gracias

midesweb

13/8/2009
Vídeo subido de nuevo
Hola compañeros!!

Acabo de subir de nuevo el vídeo de la segunda parte del manual de CSS. Nos lo habían borrado de Vimeo, por considerarlo contenido comercial, con lo que hemos tenido que encontrar otro proveedor que no de problemas con estos vídeos. Por supuesto que no es contenido comercial, no se venden y son gratuitos, pero gracias a DailyMotion se ha restablecido este problema.

Saludos y espero que disfrutéis ahora del vídeo sin más problemas.

Eduardo

22/8/2009
mas videos !
estan muy bien los videos pero deberian poner mas lla que creo que son una manera muy buena de aprender.

Cristina

16/10/2009
video css
Excelente video, me ha servido mucho para aclarar y aprender sobre css.

Muchas Gracias

francis_mp

21/10/2009
Mala resolucion
Hola Miguel Angel, queria comentarte que tanto la parte 2 y la 3 de este videotutorial no se pueden ver a pantalla completa porque la resolucion debe ser inferior a la de la parte 1, que se ve estupendamente. En estos dos casos, al ponerlo en grande queda completamente difuminado en la pantalla lo que vas haciendo y no se puede seguir correctamente, solo queria saber si los subiras a mejor resolución.

Gracias y un saludo.
Francis.

francis_mp

26/10/2009
Solucionado Mala Resolución
Perdón, ya esta solucionado el tema de la mala resolución, era culpa del software de descarga del video y el formato que escogiese, solucionado descargandolos con el plugin de Firefox DownloadHelper.

Un saludo.
Francis.

Carlos

27/10/2009
@import
Otro vídeo claro y bien didáctico que os tenemos que agradecer los que nos estamos metiendo en este interesante mundillo.

Pero quería consultaros una duda: ¿Qué ventajas tiene llamar a una hoa CSS con "@import" en vez de con "link"?

Pablo Daniel Almada

09/11/2009
Video 2 de css
Hola Desarrollo Web.com

Gracias nuevamente por este video. Me sirvio bastante. Es didactico y sencilla la explicación.

gracias a todos.

cj_uchiha

17/11/2009
Muchas Gracias por el material
Realmente debo de agradecer por el material que ponen a disposición de los Autodidactas. Gracias me siento bien al pertenecer a la comunidad de Desarrollo web. Aguante

YOLY

02/3/2010
Agradecer
Debo agradecerte mucho todo loo que he podido aprender contigo, estoy haciendo el curso por el inen pero tu me ayudas mucho y te lo agradezco profundamente , te soy fiel desde el html. muchas gracias

Pablo GS

25/3/2010
link vs import
Resultas tus dudas de link vs import.
http://www.loretahur.net/AprendiendoCSS/atributos-%E2%80%9Cimport-vs-link%E2%80%9D/

Yo tenía la misma duda y esto es de lo poco que he podido encontrar.

LuchomusicINC

28/4/2010
jerarquia de cambios en inclusion de archivos externos
ante todo, muy buen video. Bueno hice unas pruebas el la parte que explicas las jerarquias de cambios y halle que la jerarquia no la tiene el ultimo cambio sino la ultima linea de ordenamiento en el programa de ejecucion o sea si inviertes la posicion de los link, el ultimo es el que predomina

Ivan Merck

29/4/2010
VIDEOS TUTORIALES CSS
Excelente el video tutorial, he aprendido mucho, me parece una manera muy concreta y didactica, sobretodo para los novatos en desarrollo web.

javier

09/6/2010
felicitaciones
envio el comentario para felicitarlos por el gran trabajo que hizieron con todos estos tutoriales y vidos, son de muy utiles para aquellos que quieren aprender

MarvDesign

16/6/2010
problema con los videos!
Hola, estan muy buenos lo videos, pero tengo un pequeño problema. Los videos solo cargan hasta la mitad... Probe con 2 computadoras y en amabas pasa los mismo (una conectada por wifi y la otra por LAN) alguien sabe el porque? Un saludo!

Marcos

andrea_sweb

19/10/2010
.................
NO SE PUEDE VER EL VIDEO =S

midesweb

20/10/2010
Hemos subido esta parte del curso de CSS en vídeo a Youtube
Para que más personas puedan ver los vídeos, los hemos subido a Youtube!

rodros

26/3/2011
Fantastico!
Genial! muy buenos estos videos de CSS estoy aprendiendo mucho! sigan asi!

fantasmita2jh

04/5/2011
bueno
oie hermano se pasaste muchas gracias por todooooooooooo. aki si que se aprende .

Rafael Nuñez

19/1/2012
Excelente
Didactico, excelente, mejor no puede ser