CSS es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchos otros temas. ¡Espera unos segundos y ya verás!

Es posible usar HTML, o incluso abusar del mismo, para añadir formato a los sitios web. Sin embargo, CSS ofrece más opciones y es más preciso y sofisticado. CSS está soportado por todos los navegadores hoy día.

En este curso aprenderás las características más avanzadas de CSS partiendo completamente desde 0. No son necesarios conocimientos previos en CSS aunque si es necesario tener conocimientos HTML.

CSS Avanzado desde 0. Introducción. Vídeo 1

Css Avanzado empezando de 0. Introducción. DTD de página web. Partes de una regla Css o estilo.

CSS Avanzado desde 0. Hojas de estilo internas/externas I. Vídeo 2

Hojas de estilo internas y externas I.

CSS Avanzado desde 0. Hojas internas/externas II. Vídeo 3

Continuamos explicando las diferencias entre las hojas de estilo internas y externas. Ventajas de utilizar una hoja de estilos externa cuando se pretende cambiar la apariencia del sitio web completo

CSS Avanzado desde 0. Estilos inline. Vídeo 4

Estilos inline. Ventajas/desventajas respecto a hojas de estilo internas y externas. Cuándo utilizar estilos inline. Cómo utilizar estilos inline

CSS Avanzado desde 0. Selectores I. Vídeo 5

Primer vídeo dedicado al tema de los selectores. Selectores de etiqueta, de clase, de ID, de grupo y universales.

CSS Avanzado desde 0. Selectores II. Vídeo 6

En este vídeo vemos el tema de los selectores descendientes.

CSS Avanzado desde 0. Selectores III. Vídeo 7

En este vídeo tratamos las pseudoclases psuedoelementos. Veremos como modificar el estilo css de los vínculos.

CSS Avanzado desde 0. Práctica guiada I. Vídeo 8

Práctica guiada utilizando los conceptos aprendidos hasta ahora. Aplicamos todo lo visto sobre selectores.

CSS Avanzado desde 0. Práctica guiada 1b. Vídeo 9

Continuación de la práctica guiada del vídeo anterior. Terminamos el documento aplicando selectores descendientes y selectores hermanos.

CSS Avanzado desde 0. Herencia. Vídeo 10

Herencia en CSS. Cómo el uso de la herencia ahorra tiempo a la hora de formatear nuestras páginas web. Propiedades que se heredan y propiedades que no se heredan.

CSS Avanzado desde 0. La cascada. Vídeo 11

En este vídeo nos adentramos en el tema de la Cascada. Cómo gestiona el navegador los conflictos de estilos por herencia o por aplicación desde diferentes sitios.

CSS Avanzado desde 0. La cascada II. Vídeo 12

Primera parte de la práctica guiada donde vemos a la cascada en acción.

CSS Avanzado desde 0. La cascada III. Vídeo 13

Continuación de la práctica guiada donde vemos en acción la cascada. Resolvemos conflictos de estilo.

CSS Avanzado desde 0. Formato a texto I. Vídeo 14

Seguimos avanzando en el curso. En este vídeo vemos las propiedades CSS más importantes para aplicar a texto. Como siempre, partimos de un archivo sin estilos CSS que iremos confeccionando poco a poco.

CSS Avanzado desde 0. Formato a texto II. Vídeo 15

Seguimos la práctica del vídeo anterior aplicando formato a texto.

CSS Avanzado desde 0. Modelo caja-contenedor. Vídeo 16

Modelo caja-contenedor. Propiedades margin y padding.

CSS Avanzado desde 0. Modelo caja-contenedor II. Vídeo 17

Continuación de la práctica del modelo caja-contenedor.

CSS Avanzado desde 0. Imágenes I. Vídeo 18

Primera entrega de la manipulación de imágenes con CSS. Vemos cómo aplicar las propiedades float, border, margin y padding en las imágenes de nuetras páginas web.

CSS Avanzado desde 0. Imágenes II. Vídeo 19

Manipulamos imagen y pie de imagen utilizando un contenedor div.

CSS Avanzado desde 0. Imágenes III. Vídeo 20

Seguimos trabajando con imágenes. En este vídeo vemos cómo crear una galería de imágenes sencilla con CSS. Utilizamos la etiqueta html div como contenedor de imágenes.

CSS Avanzado desde 0. Imágenes IV. Vídeo 21

Seguimos trabajando con imágenes. Vemos en este vídeo el potencial de la propiedad background-image.

CSS Avanzado desde 0. Imágenes V. Vídeo 22

Continuación de la práctica anterior.

CSS Avanzado desde 0. Vínculos I. Vídeo 23

Comenzamos en este vídeo el trabajo con vínculos. Vemos los 4 estados de un vínculo y como manipular el aspecto de los mismos con propiedades CSS.

CSS Avanzado desde 0. Vínculos II. Vídeo 24

Terminamos la práctica que comenzamos en el vídeo anterior. Vemos cómo aplicar formato a vínculos específicos utilizando diferentes selectores CSS.

CSS Avanzado desde 0. Vínculos III. Barra de navegación. Vídeo 25

Vemos en esta entrega cómo crear una barra de navegación con CSS partiendo de una lista sin ordenar.

CSS Avanzado desde 0. Vínculos IV. Barra de navegación II. Vídeo 26

Terminamos en este vídeo la creación de la barra de navegación. Una vez terminada la convertimos en barra horizontal, no sin alguna dificultad por mi parte.

CSS Avanzado desde 0. CSS a tablas. Vídeo 27

En esta entrega vemos un ejemplo de cómo aplicar estilos css a tablas html. Utilizamos la propiedad border-collapse para jugar con los bordes de la tabla. Seguimos uilizando los conceptos aprendidos hasta ahora para aplicarlos en tablas.

CSS Avanzado desde 0. CSS a formularios. Vídeo 28

Vemos en esta entrega cómo aplicar características CSS a formularios web. Utilizamos la propiedad float para establecer columnas y vemos cómo modificar la apariencia tanto de botones como de otros elementos de formulario con CSS.

CSS Avanzado desde 0. Estructura web I. Vídeo 29

En este vídeo vemos cómo dar estructura a una página web con CSS. Utilizamos la etiqueta div y la propiedad float para dar estructura de una manera simple y sencilla.

CSS Avanzado desde 0. Estructura web II. Vídeo 30

Continuamos viendo en esta entrega cómo estructurar una página web con CSS. En esta ocasión utilizamos márgenes negativos en la propiedad margin para re-ubicar los contenedores div.

CSS Avanzado desde 0. Posicionamiento CSS I. Vídeo 31

Comenzamos a ver en este vídeo el tema de los posicionamientos con CSS. Trabajamos con la propiedad position y los valores absolute, relative y fixed.

CSS Avanzado desde 0. Posicionamiento CSS II. Vídeo 32

Seguimos en esta entrega elaborando la práctica del vídeo anterior en la que estábamos trabajando con los posicionamientos absolute y relative. Puedes descargarte los archivos de práctica de la descripción del vídeo anterior.

CSS Avanzado desde 0. Página web impresa I. Vídeo 33

Vemos en esta entrega cómo crear estilos CSS que actúan únicamente sobre la página web impresa en papel, dejando su aspecto en pantalla intacto.

CSS Avanzado desde 0. Página web impresa II. Vídeo 34

Terminamos en esta entrega la práctica anterior, dando los últimos retoques a la página web impresa.

CSS Avanzado desde 0. Novedades CSS 3. Vídeo 35

En este vídeo vemos novedades en cuanto a selectores y propiedades que trae CSS 3.

Para más cursos, ejercicios y manuales www.pildorasinformaticas.es