33 lines
1.6 KiB
Markdown
33 lines
1.6 KiB
Markdown
|
|
|||
|
#localeTitle: undefined
|
|||
|
#Контейнеры W3 CSS W3.css предоставляет класс контейнера, который добавляет 16-позиционное значение левого и правого заполнения к любому элементу html, а 0.01 верхнее и нижнее заполнение. Это делает его идеальным для html-содержащих элементов, таких как `<header>, <div>, <footer>, <section>` и т. Д. Но также может использоваться с большим эффектом для таких элементов, как `<img> and <p>.`
|
|||
|
|
|||
|
### Простой пример
|
|||
|
```
|
|||
|
<header class="w3-container">
|
|||
|
<h1>Header With W3 Container</h1>
|
|||
|
</header>
|
|||
|
```
|
|||
|
|
|||
|
```
|
|||
|
<header>
|
|||
|
<h1>Header Without W3 Container</h1>
|
|||
|
</header>
|
|||
|
```
|
|||
|
|
|||
|
Произведет следующий результат.
|
|||
|
|
|||
|
![Заголовок img](https://github.com/OcelotDive/randomImages/blob/master/images/WithWithout.PNG)
|
|||
|
|
|||
|
### Использовать контейнеры W3.Css
|
|||
|
|
|||
|
Просто добавьте стандартную ссылку на таблицу стилей на главную страницу:
|
|||
|
```
|
|||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
|||
|
```
|
|||
|
|
|||
|
или загрузить последний файл css на ваш локальный компьютер. Здесь: (https://www.w3schools.com/w3css/4/w3.css)
|
|||
|
|
|||
|
#### Дополнительная информация о контейнерах W3.Css
|
|||
|
|
|||
|
##### W3schools.com (https://www.w3schools.com/w3css/w3css\_containers.asp)
|