33 lines
1.1 KiB
Markdown
33 lines
1.1 KiB
Markdown
|
|
||
|
#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](https://github.com/OcelotDive/randomImages/blob/master/images/WithWithout.PNG)
|
||
|
|
||
|
### 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)
|