Un wrapper es un contenedor, un envoltorio o contenedores. Los contenedores siguen una estructura de envolventes, una jerarquía,

Algunos de los contenedores clave para definir el estilo del sitio:

* outer-wrapper es el envoltorio principal del blog, el mayor, el que define el ancho total y los parámetros.

* header-wrapper es el que contiene al encabezado, nuestro logo, etc. El ancho de éste y los demás elementos principales que contiene el outter-wrapper debe ser menor o igual a éste, sino se producirán errores de overflow.

* content-wrapper es el contenedor de contenido, engloba al sidebar y a los posts. Al igual que el header-wrapper su parámetro de ancho (width) debe ser menor o igual al del outer-wrapper.

* main-wrapper es el contenedor de los posts, aquí se puede elegir un color de fondo para todo este campo o los márgenes respecto a los límites del content-wrapper o los paddings, etc.

* sidebar-wrapper es el contenedor del sidebar, aquel donde se encuentran contenidos todos nuestros widgets (Gadgets) y/o elementos en forma de código html, javascript, imágenes, etc.

En caso sean 2 en Blogger suelen llamarse sidebar1-wrapper y sidebar2-wrapper.

* footer-wrapper es aquel contenedor inferior del blog donde se publican los créditos, el hosting, licencias, autores, etc.


* .post-title : El título de los posts

* .post-title a : El link del título

* .sidebar : Columna lateral

* .widget : Cada uno de los widgets o Gadgets