Un framework CSS es un conjunto de librerías, que proporcionan un conjunto de estilos que pueden ser usados para implementar el diseño que se adapta en cualquier dispositivo para nuestras paginas web.

Ventajas

• Proporcionan una forma rápida y fácil de implementar un diseño web.
• El diseño va a funcionar en una amplia gama de navegadores.
• Su código cumple ciertas normas estándar.
• Nos aseguran cierto grado de fiabilidad en la eficacia de las utilidades que nos aportan.

Inconvenientes

• La importación de los estilos del framework que no necesitamos para nuestra plantilla, incrementan el consumo del ancho de banda y del tiempo de carga de nuestra web.
• Hay un menor control por parte del maquetador de lo que esta sucediendo en nuestra web y puede ser un problema a la hora de corregir un efecto no deseado.
• Al diseñar con código ya echo, podemos estar limitando las posibilidades de nuestro diseño.

Tenemos varias formas de instalar este tipo de framework en nuestra web, la mas rápida es importando los estilos directamente desde el link que nos proporcionan en la web del framework (CDN).

Otra opción que tenemos es descargarnos todos los archivos esenciales para el funcionamiento del framework y copiar-los en nuestro servidor.

Hay varios tipos de framework CSS como pueden ser bootstrap o materialize, utilizan una técnica basan en mobile-first, en la que primero se adapta el diseño para que se vea bien en móvil y de este punto se va adaptando en pantallas mas grandes.

Una de las grandes ventajas de utilizar este tipo de framework es que usan el sistema de rejilla (Grid), es un sistema de filas y columnas que dependiendo el tamaño de la pantalla se posicionaran los elementos uno al lado del otro en pantallas grandes y uno debajo del otro en versiones móvil (máximo 12 columnas)