greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/guide/portuguese/css/css-frameworks/css-framework-skeleton/index.md

1.8 KiB
Raw Blame History

title localeTitle
CSS Framework Skeleton Esqueleto da Estrutura CSS

Esqueleto da Estrutura CSS

O Skeleton é um clichê simples para dar início a qualquer projeto responsivo.

Começando

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


    <!DOCTYPE html> 
    <html lang="en"> 
      <head> 
        <meta charset="utf-8"> 
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <title>Skeleton Template</title> 
        <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css"> 
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.1.1/normalize.min.css"> 
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css"> 
      </head> 
      <body> 
        <h1>Hello World</h1> 
        <!-- Add all HTML Code here --> 
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
      </body> 
    </html>

JSBin Demo

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

Recursos de aprendizagem

  • :point_right: Official Documentation do Esqueleto.
  • Confira o repositório GitHub de código-fonte aberto da Skeleton aqui .
  • Aqui estão alguns exemplos de como o Skeleton foi usado em diferentes sites.