freeCodeCamp/guide/portuguese/css/css-frameworks/css-framework-material-desi.../index.md

1.2 KiB

title localeTitle
CSS Framework Material Design Lite CSS Material Design Lite

CSS Material Design Lite

O Material Design Lite permite que você adicione uma aparência de Material Design a seus sites. O objetivo é otimizar o uso em dispositivos diferentes.

Começando

Aqui está um modelo HTML simples que inclui o último CSS compilado e minimizado para a biblioteca MDL.


<!DOCTYPE html> 
 <html> 
    <head> 
        <title></title> 
        <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 
        <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css"> 
        <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script> 
    </head> 
    <body> 
    </body> 
 </html> 

Nós usamos um CDN neste exemplo, mas você pode verificar outras formas de instalar o MDL aqui .

Recursos de aprendizagem

  • A documentação oficial do MDL está disponível aqui .
  • Confira o repositório GitHub de código aberto da MDL aqui .