Tutorial básico del programador web: CSS desde cero

Tabla de artículos
Título	Autor
Información básica Curso "Tutorial básico del programador web: CSS desde cero" (CU01000D)	aprenderaprogramar.com
Índice del curso "Tutorial básico del programador web: CSS desde cero" (CU01001D)	César Krall
Orientación sobre el curso "Tutorial básico del programador web: CSS desde cero" (CU01002D)	César Krall
¿Qué es CSS? HTML, conocimiento previo para poder aprender CSS desde cero (CU01003D)	César Krall y Manuel Sierra
¿Es CSS un lenguaje de programación? ¿Para qué sirve? Diferencias de HTML, CSS, PHP, ASP... (CU01004D)	César Krall
Efectos CSS. Bordes, márgenes, fuentes, animaciones… Frontera de CSS, HTML y programación. (CU01005D)	César Krall
CSS en aplicaciones web Joomla, WordPress, Drupal, phpBB, etc. Plantillas, Templates o Themes (CU01006D)	César Krall
Empezar a usar CSS a partir de un documento HTML con estructura básica (títulos, listas, etc.) (CU01007D)	César Krall
De la estructura HTML y su semántica al modelo de cajas CSS. Elementos block e inline CSS (CU01008D)	César Krall
Tipos básicos de estilos CSS: estilos por defecto y CSS en línea (inline). Sobreescritura de estilos (CU01009D)	César Krall
Formas de aplicar CSS: interno y externo. link rel y archivos de extensión css. Comentarios CSS (CU01010D)	César Krall
Selectores CSS: id. Aplicar CSS a partes de una web. Ejemplos. Diferenciar etiquetas HTML en ids (CU01011D)	César Krall
Selector de clases CSS: class. Aplicar estilos CSS en distintos lugares de una web. Ejemplos. (CU01012D)	César Krall
Concepto de herencia en hojas de estilo CSS. ¿Qué es? Forzar herencia con inherit. Ejemplos. (CU01013D)	César Krall
Referenciar CSS con atributos de tags HTML. Selectores tipo expresión regular. Ejercicios resueltos (CU01014D)	César Krall
Selectores avanzados y pseudoclases CSS first-child, nth-child, last, not, -letter -line, after, before (CU01015D)	César Krall
Selector universal. nth-of-type y nth-last-child. Combinar CSS. Ejemplos y ejercicios resueltos (CU01016D)	César Krall
Concepto: cascada y herencia CSS. Estilos de usuario. Importancia !important. Ejemplos prácticos (CU01017D)	César Krall
Cascada de estilos. Cálculo de especificidad. Cómo usar !important en CSS. Ejercicios resueltos (CU01018D)	César Krall
Colores HTML y CSS. RGB decimal o porcentual. Códigos de colores hexadecimales. Ejemplos (CU01019D)	César Krall
Web safe colors. Colores RGBA, HSL, HSLA. Transparencia CSS. Lista de colores HTML - CSS (CU01020D)	César Krall
Color de fondo. Propiedad background-color CSS. Valor por defecto transparent. Ejemplos (CU01021D)	César Krall
Versiones CSS. Algo de historia y perspectiva. ¿Qué es el W3C? Recomendaciones oficiales (CU01022D)	César Krall
Documentación especificación oficial CSS. W3schools y W3fools. Validación CSS W3C validator (CU01023D)	César Krall
Unidades de medida CSS relativas o absolutas. in, cm, mm, pt, pc, pixel px, porcentaje, em, ex (CU01024D)	César Krall
Propiedades CSS width y height. auto (automático). Ejemplos prácticos y ejercicios resueltos (CU01025D)	César Krall
Tipos de borde CSS. border-style hidden, solid... Efectos 3D. border-top right bottom left. Ejemplos (CU01026D)	César Krall
Shorthand: notación CSS abreviada. border-width (thin, thick) border-color (transparent). Ejemplos. (CU01027D)	César Krall
Concepto de margen y relleno CSS. Diferencias entre margin y padding CSS (box model). Ejemplos (CU01028D)	César Krall
Padding y margin CSS. Top, right, bottom, left. Margin negativo y centrar con margin auto. Ejemplos (CU01029D)	César Krall
Definición de fondo CSS. background-image. Efecto fondo página web. background-repeat. Ejemplos (CU01030D)	César Krall
CSS background-position, background-attachment, clip, origin y size. Shorthand fondo. Ejemplos (CU01031D)	César Krall
Propiedad position CSS: static, relative, absolute, fixed. Top, right, bottom, left. Ejemplos prácticos (CU01032D)	César Krall
Propiedad display CSS. inline, block, none, list-item. Ejercicios ejemplos resueltos en código CSS (CU01033D)	César Krall
Concepto float CSS. none, left, right y ¿centrar?. Colocar texto alrededor de una imagen. Ejemplos (CU01034D)	César Krall
clear CSS both ¿float no funciona? ¿El texto no envuelve una imagen html? Por qué de problemas (CU01035D)	César Krall
Diseño web CSS dos, tres, cuatro columnas con float ¿width en porcentajes no funciona? Ejemplos (CU01036D)	César Krall
Sprite CSS: concepto. ¿Qué es, cómo crear y usar un sprite? Ejemplos y código ejercicio resuelto (CU01037D)	César Krall
overflow CSS. scroll. overflow-x, overflow-y. Propiedad visibility (visible, hidden, collapse). Ejemplos (CU01038D)	César Krall
z-index CSS ¿no funciona? Superposición de elementos tipo capas, objetos, div o imágenes (CU01039D)	César Krall
CSS text-align, color, text-decoration, text-indent, white-space nowrap, pre, pre-wrap, pre-line (CU01040D)	César Krall
CSS efecto sombra con text-shadow y blur, text-overflow clip, ellipsis y line-height (interlineado) (CU01041D)	César Krall
CSS text-transform y first-letter, letter-spacing y word-spacing. Cortar palabras largas con word-wrap (CU01042D)	César Krall
CSS vertical-align middle ¿no funciona? Centrar verticalmente una imagen, texto, div, etc. Ejemplos (CU01043D)	César Krall
CSS font-size (uso de larger, smaller) font-weight o negrita (bolder, lighter). font-style o cursiva italic (CU01044D)	César Krall
CSS font-family. tipografía (tipos de letra). Lista de tipos. font-variant (small-caps). Shorthand font (CU01045D)	César Krall
@font-face CSS. Fuentes web gratuitas. Problemas. Convertir woff, eot, ttf, otf, svg. Font converters (CU01046D)	César Krall
Pseudoclases CSS link, visited, focus, hover y active. Estilos y efectos en links. Propiedad outline. (CU01047D)	César Krall
Listas CSS. list-style-type, list-style-position (outside, inside), list-style-image. Shorthand list-style. (CU01048D)	César Krall
Menú horizontal CSS o vertical. Crear menús con efectos a partir de listas CSS. Código ejemplos (CU01049D)	César Krall
Menú desplegable CSS horizontal. Efecto dropdown. Ejemplo de código (float, display, position…) (CU01050D)	César Krall
Estilos y herencia CSS en tablas. Width, height, font-size y overflow en tablas. border-collapse (CU01051D)	César Krall
Diseño tablas CSS. border-spacing, caption-side, empty-cells. Colores de filas intercalados alternos (CU01052D)	César Krall
Diseño líquido CSS (fluido) frente a responsive-design. max-width, min-width, max-height, min-height (CU01053D)	César Krall
cursor CSS. Tipos. Efectos hover: move, no-drop, resize, not-allowed, crosshair, progress, wait. (CU01054D)	César Krall
Comentarios condicionales CSS. Problemas: compatibilidad entre navegadores. Strict mode. Filtros (CU01055D)	César Krall
Prefijos CSS de navegador Chrome, Firefox, I.Explorer, Opera, Safari. -webkit -moz -ms -o Ejemplos (CU01056D)	César Krall
Columnas CSS: column-count, column-width, columns, colum-gap y colum-rule. Ejemplos prácticos (CU01057D)	César Krall
Efecto CSS esquinas redondeadas: border-radius. border-left-top-radius. Ejemplos círculo o elipse (CU01058D)	César Krall
Efecto sombra CSS: box-shadow. Sombra interior inset. Difuminado blur, spread. Ejercicio resuelto (CU01059D)	César Krall
Degradados CSS. Efecto lineal y radial. linear-gradient. Angulos CSS: unidades deg, grad, turn, rad. (CU01060D)	César Krall
Efectos CSS. radial-gradient tipo circle o ellipse. border-image: bordes personalizados. Ejemplos (CU01061D)	César Krall
Efectos CSS. transform: rotate, scale, skew y translate. Rotar, escalar, sesgar, trasladar. Ejemplos. (CU01062D)	César Krall
Animaciones CSS. transition-property, transition-duration, timing-function y efecto delay. Ejemplos. (CU01063D)	César Krall
Animación CSS. Diferencia entre transición y animación. @keyframes: fotogramas o estados clave. (CU01064D)	César Krall
Animation CSS. name, duration, delay, fill-mode, iteration-count, direction, timing-function,play-state (CU01065D)	César Krall
Final del curso: "Tutorial básico del programador web: CSS desde cero" (CU01066D)	César Krall

En Facebook!

Remitidos

Política sobre cookies

RANKING APR2+

FOROS APR2+

Lo más leído

Donar o colaborar

¿Puedo yo aprender?