Prefacio
A quién va dirigido este libro
Suposiciones en las que se basa este libro
Contenidos del libro
Convenciones usadas en este libro
Utilización de los códigos de ejemplo
Capítulo 1. Utilizar los fundamentos básicos de HTML
Introducción
Estructuración de documentos
Marcación semántica
Evitar una sopa de etiquetas antiguas
HTML es estructura de documentos
Elegir un editor de texto
Problema
Solución
Explicación
Más robusto y aún así gratuito
Soluciones IDE
Véase también
Codificar una página HTML básica
Problema
Solución
Explicación
Véase también
DOCTYPE y sus efectos en la composición en el navegador
Problema
Solución
Explicación
El modo arbitrario
¿Por qué no utilizar la última definición DOCTYPE?
La página web más pequeña de todos los tiempos
Véase también
Etiquetar encabezados
Problema
Solución
Explicación
Véase también
Construir citas apropiadas
Problema
Explicación
Véase también
Añadir una imagen
Problema
Solución
Explicación
Trucos adicionales
Formatos de archivo
Sensibilidad a caracteres en mayúsculas o minúsculas
Véase también
Añadir audio con HTML5
Problema
Solución
Explicación
Compatibilidad de audio
Véase también
Incorporar vídeo con HTML5
Problema
Solución
Explicación
Véase también
Utilizar strong y em de una forma efectiva
Problema
Solución
Explicación
Véase también
Crear listas
Problema
Solución
Explicación
Véase también
Crear un vínculo a una página Web
Problema
Solución
Explicación
Vincular otra página en el mismo sitio
Desplazamiento por carpetas
Vincular elementos dentro de una página Web
Véase también
Codificar tablas
Problema
Solución
Explicación
Véase también
Creación de una tarjeta de visita en HTML
Problema
Solución
Explicación
Mejorar las tarjetas hCard
Véase también
Etiquetar una cita (hCalendar)
Problema
Solución
Explicación
Véase también
Validar HTML
Problema
Solución
Explicación
Crear un bookmarklet de validación HTML
Véase también
Capítulo 2. Fundamentos básicos de CSS
Introducción
Aplicar reglas CSS a una página Web
Problema
Solución
Explicación
El contenedor de las reglas CSS
Véase también
Utilizar selectores básicos para aplicar estilos
Problema
Solución
Explicación
Selectores de tipo
Selectores de clase
Selectores ID
Selectores descendientes
Selectores universales
Véase también
Aplicar selectores hijo
Problema
Solución
Explicación
Véase también
Aplicar selectores adyacentes
Problema
Solución
Explicación
Véase también
Aplicar selectores de atributo
Problema
Solución
Explicación
Véase también
Utilizar seudo-clases
Problema
Solución
Explicación
Seudo-clases de CSS3
Véase también
Utilizar seudo-elementos
Problema
Solución
Explicación
Véase también
Determinar cuándo utilizar selectores de clase o selectores ID
Problema
Solución
Explicación
Divisiones HTML5
Véase también
Aprender más sobre las propiedades de CSS
Problema
Solución
Explicación
Véase también
El modelo de cajas
Problema
Solución
Explicación
Véase también
Asociar estilos a una página Web
Problema
Solución
Explicación
Cuándo utilizar estilos en línea
Cuándo utilizar hojas de estilo internas
Véase también
Conocer el origen
Problema
Solución
Explicación
Véase también
Comprender el sentido de ordenación en CSS
Problema
Solución
Explicación
Véase también
Utilizar !important para anular algunas reglas CSS
Problema
Solución
Explicación
El usuario controla su experiencia
Véase también
¿Qué es la especificidad?
Problema
Solución
Explicación
Véase también
Configurar diferentes tipos de hojas de estilo
Problema
Solución
Explicación
Véase también
Añadir comentarios a una hoja de estilo
Problema
Solución
Explicación
Véase también
Organizar los contenidos de una hoja de estilo
Problema
Solución
Explicación
Véase también
Trabajar con propiedades abreviadas
Problema
Solución
Explicación
Véase también
Configurar hojas de estilo alternativas
Problema
Solución
Explicación
Véase también
Marcos flotantes
Problema
Solución
Explicación
Véase también
Elementos flotantes que se despejan a sí mismos
Problema
Solución
Explicación
Consideraciones del navegador
Utilizar overflow
Véase también
Posicionamiento absoluto
Problema
Solución
Explicación
Véase también
Posicionamiento relativo
Problema
Solución
Explicación
Véase también
Posicionamiento forzado
Problema
Solución
Explicación
Véase también
Apilar elementos con z-index
Problema
Solución
Explicación
Véase también
Validar reglas CSS
Problema
Solución
Explicación
Crear un bookmarklet de validación CSS
Véase también
Capítulo 3. Tipografía Web
Introducción
Especificación de fuentes
Problema
Solución
Explicación
Problemas al encontrar fuentes
Heredar fuentes a través de una página
Véase también
Utilizar fuentes seguras para la Web
Problema
Solución
Explicación
Ampliación del listado de fuentes seguras para la Web
Un conjunto de fuentes más robusto
Véase también
Un símbolo & decorativo
Problema
Solución
Explicación
Símbolos & con estilo
Véase también
Archivos de fuentes incrustados
Problema
Solución
Explicación
Incrustación en plataformas cruzadas de navegadores
El problema de las fuentes incrustadas
Soluciones de terceros
Otras técnicas
Véase también
Forzar un salto en palabras realmente largas
Problema
Solución
Explicación
Véase también
Especificar medidas y tamaños de letra
Problema
Solución
Explicación
Unidades de longitud
Unidades relativas
Establecer el tamaño de una fuente a cero o a un valor negativo
Véase también
Obtener una mejor consistencia en plataformas cruzadas de navegadores para el tamaño de fuente
Problema
Solución
Explicación
Utilizar píxeles
Utilizar palabras clave
Utilizar unidades em para controlar el tamaño de letra
Véase también
Guiones, guiones eme y guiones ene
Problema
Solución
Explicación
Véase también
Centrar texto
Problema
Solución
Explicación
Véase también
Justificar texto
Problema
Solución
Explicación
Véase también
Marcar un desbordamiento de texto con puntos suspensivos
Solución
Explicación
Véase también
Eliminar espacio entre encabezados y párrafos
Problema
Solución
Explicación
Véase también
Configurar una letra capitular sencilla
Solución
Explicación
Véase también
Configurar una letra capitular más grande y centrada
Problema
Solución
Explicación
Véase también
Crear una letra capitular con imágenes
Problema
Solución
Explicación
Accesibilidad
Véase también
Crear un encabezado con texto de diseño
Problema
Solución
Explicación
Véase también
Crear un encabezado con texto con estilo y bordes
Problema
Solución
Explicación
Véase también
Dar estilo a un encabezado con texto y una imagen
Problema
Solución
Explicación
Véase también
Crear una cita con texto HTML
Problema
Solución
Explicación
Véase también
Colocar una cita en una columna lateral
Problema
Solución
Explicación
Véase también
Crear una cita con bordes
Problema
Solución
Explicación
Véase también
Crear una cita con imágenes
Problema
Solución
Explicación
Véase también
Establecer sangrado para la primera línea de párrafo
Problema
Solución
Explicación
Véase también
Sangrar párrafos enteros
Problema
Solución
Explicación
Véase también
Crear una sangría francesa
Problema
Solución
Explicación
Sangrías francesas seguras
Sangrías francesas emparejadas
Véase también
Dar estilo a la primera línea de un párrafo
Problema
Solución
Véase también
Dar estilo a la primera línea de un párrafo con una imagen
Problema
Solución
Explicación
Véase también
Crear un efecto de marcador
Problema
Solución
Explicación
Véase también
Cambiar el color de selección del texto
Problema
Solución
Explicación
Véase también
Cambiar el espaciado de línea
Problema
Solución
Explicación
Véase también
Dar un tratamiento gráfico al texto HTML
Problema
Solución
Explicación
Véase también
Colocar una sombra detrás del texto
Problema
Solución
Explicación
Establecer la opacidad de la sombra
Crear un aspecto de biselado
Añadir una llamarada roja en el borde superior de un texto
Soportes conocidos
Texto sombreado en Internet Explorer
Véase también
Ajustar el espacio entre letras y palabras
Problema
Solución
Explicación
Kerning y tracking
Buenas prácticas
Véase también
Armonizar líneas base en la tipografía Web
Problema
Solución
Explicación
Véase también
Superíndices y subíndices sin ensuciar la línea base del texto
Problema
Solución
Explicación
Véase también
Configurar varias columnas de texto
Problema
Solución
Explicación
Problemas conocidos
Véase también
Capítulo 4. Imágenes
Introducción
Transformar imágenes en color a blanco y negro en IE con CSS
Problema
Solución
Explicación
Véase también
Establecer un borde alrededor de una imagen
Problema
Solución
Explicación
Véase también
Establecer un borde redondeado alrededor de una imagen
Problema
Solución
Explicación
Especificar esquinas
Problemas conocidos
Véase también
Quitar los bordes de las imágenes que ponen por defecto algunos navegadores
Problema
Solución
Explicación
Véase también
Configurar una imagen de fondo
Problema
Solución
Explicación
Véase también
Crear una fila de imágenes de fondo
Problema
Solución
Explicación
Véase también
Colocar una imagen de fondo
Problema
Solución
Explicación
Véase también
Utilizar varias imágenes de fondo en un elemento HTML
Problema
Solución
Explicación
Propiedades abreviadas
No está preparado para un uso diario
Véase también
Utilizar imágenes en un borde
Problema
Solución
Explicación
Véase también
Crear una imagen de fondo estática
Problema
Solución
Explicación
Véase también
Estirar imágenes cuando se redimensiona el navegador
Problema
Solución
Explicación
Véase también
Estirar una imagen por toda la ventana del navegador
Problema
Solución
Explicación
Utilizar el tamaño de fondo
Utilizar iframe
Véase también
Hacer imágenes escalables
Problema
Solución
Explicación
Limitar el tamaño de las imágenes
Véase también
Definir cómo muestra las imágenes un navegador
Problema
Solución
Explicación
Suavizar imágenes en Internet Explorer
Véase también
Girar imágenes con CSS
Problema
Solución
Explicación
Véase también
Establecer degradados con CSS
Problema
Solución
Explicación
Gradientes en Safari
Degradados en Firefox
Transparencia con