Читать книгу El gran libro de HTML5, CSS3 y Javascript - Diego Gauchat Juan - Страница 78

Para testear los siguientes ejemplos deberá utilizar el siguiente código HTML:

Código 2-41

Documento básico HTML para probar el modelo de caja flexible.

Hágalo usted mismo

Cree otro archivo de texto vacío con un nombre y la extensión .html. Copie el texto HTML del Código 2-41 en el archivo. Utilizaremos este modelo para experimentar con las propiedades del Modelo de caja flexible. Las reglas CSS serán incluidas desde un archivo externo llamado test.css. Cree este archivo y añada las normas presentadas más adelante. Compruebe los resultados de la aplicación de todas las reglas abriendo el archivo HTML en su navegador.

Importante

Tenga en cuenta que, por ahora, estas propiedades son experimentales. Deberá declarar cada una añadiendo los prefijos -moz- o -webkit-según el navegador que use. Por ejemplo, display: flex debe escribirse así: display: -webkit-flex para el motor WebKit. No hemos incluido los prefijos en esta parte del capítulo para que el código de origen resulte más fácil de entender.