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

1.1 KiB
Raw Blame History

#localeTitle: undefined #Contêineres CSS W3 O W3.css fornece uma classe contêiner que adiciona 16 pixels de preenchimento à esquerda e à direita a qualquer elemento html e 0,01 preenchimento superior e inferior. Isso o torna ideal para elementos contendo html, como <header>, <div>, <footer>, <section> etc. Mas também pode ser usado com grande efeito em elementos como <img> and <p>.

Exemplo simples

<header class="w3-container"> 
  <h1>Header With W3 Container</h1> 
 </header> 

<header> 
  <h1>Header Without W3 Container</h1> 
 </header>

Produziria o seguinte resultado.

Cabeçalho img

Para usar contêineres W3.Css

Basta adicionar um link de folha de estilo regular ao cabeçalho da sua página da Web da seguinte forma:

<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

ou faça o download do último arquivo css para sua máquina local. Aqui: (https://www.w3schools.com/w3css/4/w3.css)

Mais informações sobre contêineres W3.Css

W3schools.com (https://www.w3schools.com/w3css/w3css_containers.asp)