Videotutorial: Atributos de las CSS

  • Por
  • 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.
Hemos publicado un nuevo vídeo sobre CSS en el que nos metemos de lleno en la aplicación de estilos en la página. Vamos a realizar un repaso general a los atributos disponibles en CSS para aplicar estilos a textos y cajas o divisiones.

Esta es la tercera parte de los vídeos que estamos haciendo para complementar el Manual de CSS de DesarrolloWeb.com. En los dos primeros conocimos aspectos interesantes y básicos sobre el funcionamiento del propio lenguaje y la manera de incluirlo en una página web. En el presente vídeo vamos a hacer ejemplos más variados, pues vamos a conocer una buena cantidad de atributos que nos sirven para definir diversos estilos en los elementos de la página. Claro que no vamos a ver todos los existentes en el lenguaje, porque hay muchos atributos que son muy específicos y que realmente merece la pena aprenderlos cuando avancemos más en el temario, pero al menos podremos hacernos una idea de las posibilidades de las Hojas de Estilo en Cascada.

Como no podría ser de otra manera, el videotutorial está repleto de ejemplos diversos sobre la aplicación de todos los atributos de estilo que vamos a ir comentando.

También recomendamos al principio del vídeo algún lugar donde conseguir "chuletas" u hojas de referencia rápida, donde encontraremos una lista comprimida de los atributos CSS para imprimir, que nos puede venir bien al menos al principio para acordarnos fácilmente de los atributos disponibles.

Para complementar el material, mostraremos cómo un editor de CSS puede ayudarnos a generar el código CSS con más velocidad y además ofrecernos guías rápidas sobre los atributos existentes, sintaxis, etc. En este vídeo conoceremos el editor llamado TopStyle y lo utilizaremos para realizar algunas declaraciones de estilos de los ejemplos que iremos viendo.

Es un vídeo que quizás haya salido un poco largo, pues tiene un poco más de una hora de duración, pero espero que sirva para ofrecer un soporte completo y permita aprender con comodidad y de manera más sencilla. Para la comodidad de todas las personas, hemos publicado el videotutorial en dos sitios web de vídeos. Por un lado en Dailymotion y por otro en Youtube.

Adicionalmente, podemos ver este mismo vídeo, sobre los atributos de las CSS, publicado en el sitio de Youtube.

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

HenryJim

27/10/2009
Exelente
Definitivamente aprender por este medio es mas significativo y productivo

pabje

23/11/2009
Video 3
Hola Desarrolloweb

Gracias por este video. Me sirvio de Mucho . Sigan publicando nuevos videos.
Gracias.

adolfo_clavijo

10/12/2009
Muy bien
Me parece muy interesante, estuve practicado algunas cosas, aunque me confundi un poco el atributo float y clear para las cajas, pero a eso le hago carpinteria con el tiempo, con las famosas "chuletas" se evidencia que hay muchos atributos y caracteristicas para aplicar, lo cual hace que los estilos con CSS sean tan buenos y variados.

Fer

10/3/2010
Excelente trabajo
Mi enorabuena por lo didáctico y bien elaborado que están los tutoriales en video, así como los manuales.
Seguir así, hacéis una buena labor.
Gracias

midesweb

20/10/2010
Vídeo subido también a Youtube
Hola!
Hemos disponibilizado este videotutorial de CSS en el sitio de Youtube!
Esperamos que algunas personas lo agradezcan!

Ale

21/10/2010
Felicitacion
Hola la verdad que si se agradece que el video se pueda ver por youtube, de verdad muchas gracias este manual es excelente asi como el de HTML sigan asi y mis mas sinceras felicitaciones. Un saludo desde México

Sergio

27/10/2010
AYUDA
He visto en algunas paginas webs que ponen en codigos CSS una cosa la siguiente:

margin: 40px 0;

No llego a interpretar bien lo que se hace con ese codigo, ¿Alguien me lo puede explicar? ¿Se refiere que deja 40px por arriba y todo lo demas esta a 0?

Angeles

06/12/2010
Chuleta css3
Hola aqui pongo el enlace a chuleta de CSS3. Saludos!
http://daniel.pkstadium.com/wp-content/uploads/2009/07/css3-hojas-referencia-rapida.pdf

rodros

29/3/2011
Genial!
Como siempre fantastico y muy bien explicado! seguir asi y darnos la posibilidad de aprender mas! gracias infinitas.

alvaro_heavy

28/5/2011
IMPRESIONANTE!
Las explicaciones son impresionantes, en 3 horitas he aprendido más que en un mes.

Muchísimas gracias por crear estos videos, nos ahorras mucho tiempo.

Hymura27

14/1/2013
Gracias
Muchas gracias por los video, he estado siguiendo tus videos y hasta ahora me han servido mucho.. gracias por subirlos y por explicar.. por cierto sera que me puedes proporcionar la chuleta de css, es que en el sitio lo vende :/ de todas formas muchas gracias por todo ...

Francisco

21/5/2014
Buen VIdeo
Primero para agradecer por este video que me ha resultado mucho mas enriquecedor que un curso presencial al que me meti en mi ciudad.
Solo me quedo una duda que pense que la caja que tiene clear iba a quedar en medio de las otras dos.
Bueno os agradesco
y seguire viendo los demas

Richard Morillo

18/2/2015
Agradecimientos
Con mucha alegría me siento al haber encontrado este portal web de enseñanza. Les agradezco de corazón a todo el equipo de Desarrollo Web por tal dedicación y altruismo al poner a disposición de todos los que no tenemos otra opción que el auto aprendizaje por vivir en países donde la desigualdad y la falta de oportunidades es la norma del día.

Dios les bendiga y les prospere!

Richard Morillo