W3.CSS Завантаження
Завантажити W3.CSS
Завантажити W3.CSS можна за посиланням з офіційного сайту: https://www.w3schools.com/w3css/4/w3.css або з нашого сайту за посиланням: https://w3schoolsua.github.io/styles/w3.css.
W3.CSS безплатний
W3.CSS можна використовувати безплатно. Ліцензія не потрібна.
Як використовувати W3.CSS
Щоб використовувати W3.CSS, просто додайте посилання на "w3.css" на своїх вебсторінках:
Приклад
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
Спробуйте самі »
Або завантажте w3.css і запустіть його зі свого вебсайту:
Приклад
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="w3.css">
Якщо ви поміщаєте w3.css у підпапку, додайте назву папки між скісними рисками:
Приклад
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/foldername/w3.css">
Якщо ви розміщуєте w3.css у корені веб-сторінки, додайте скісну риску:
Приклад
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/w3.css">
Журнал змін
Завантажте версію 4.13 за цим посиланням: https://www.w3schools.com/w3css/4/w3.css
| Версія | Дата | Опис |
|---|---|---|
| 4.15 | 12/2020 | Доповнено w3-serif with w3-sans-serif w3-cursive w3-monospace |
| 4.14 | 11/2020 | Доповнено w3-padding with w3-padding-top-64 w3-padding-top-48 w3-padding-top-32 w3-padding-top-24 |
| 4.13 | 06/2019 | Адаптований до незначних змін в Normalize.css |
| 4.12 | 11/2018 | Додано w3-stretch |
| 4.11 | 10/2018 | Додано w3-auto Змінено margin:auto на margin-left:auto та margin-right:auto в w3-content |
| 4.10 | 02/2018 | Додано "outline:0" на w3-bar-item в w3-bar та w3-bar-block |
| 4.09 | 12/2017 | Видалено "outline:0" із buttons |
| 4.08 | 10/2017 | Додано "z-index:1" на w3-dropdown-content |
| 4.07 | 08/2017 | Додано "vertical-align:middle" в images |
| 4.06 | 08/2017 | Додано версії 3 класи кольорів до меж, рамок і тексту |
| 4.05 | 06/2017 | Додано "display:block" в w3-responsive |
| 4.04 | 04/2017 | Додано "float:none" в w3-bar-item всередині w3-bar-block |
| 4.03 | 03/2017 | Виправлено незначну помилку "w3-col m3" |
| 4.02 | 03/2017 | Додані кольори тексту версії 3 |
| 4.01 | 03/2017 | gray/grey колір освітлений. Виправлено деякі помилки кольору рамки |
| 4.0 | 02/2017 | |
| 3.0 | 01/2017 | |
| 2.0 | 02/2016 | |
| 1.0 | 05/2015 |
GitHub Репозиторій
GitHub репозиторій є: https://github.com/JaniRefsnes/w3css
Перевірка W3.CSS
Перевірка W3.CSS може повернути деякі помилки.
Ви часто отримуватимете деякі помилки під час перевірки W3C.
Завжди будуть певні значення браузера поза поточною специфікацією W3C.
| Властивість | Опис |
|---|---|
| pointer-events | Недійсна властивість у CSS3, але рекомендована для CSS4. Використовується у W3.CSS для видалення покажчика руки з вимкнених елементів. |
| user-select | Недійсна властивість у CSS3, але рекомендована для CSS4. Використовується у W3.CSS для видалення виділеного тексту з елементів, які можна натиснути. |
| pseudo-class :valid | Недійсне значення в CSS3, але рекомендоване для CSS4. Використовується в W3.CSS для позначення правильного введення. |
| @-webkit-keyframes | Додано до W3.CSS, щоб анімація працювала у веббраузерах (старіші версії Chrome, Safari та Opera). |
Налаштуйте W3.CSS
W3.CSS містить основні шрифти та розміри шрифтів.
Ви можете налаштувати W3.CSS, змінивши ці налаштування:
Приклад
html {
font-family: Verdana, sans-serif;
font-size: 15px;
line-height: 1.5;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana, sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1 {font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4 {font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
Спробуйте самі »
W3.CSS Нормалізація
Нормалізація таблиці стилів виконується для:
- Виправляє помилки браузера
- Видаляє невідповідності браузера
- Забезпечує стандартні параметри веббраузера
- Нормалізує стилі всіх елементів HTML
- Додає вдосконалення CSS
У W3.CSS використовується витяг із Normalize.css.
Це робить W3.CSS однорідним відображенням HTML у всіх браузерах і відповідно до сучасних вебстандартів.
