Скачать W3.CSS
Загрузите последнюю версию по этой ссылке: http://www.w3ii.com/lib/w3.css~~HEAD=pobj
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="http://www.w3ii.com/lib/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"> Последние версии
| Версия | Описание |
|---|---|
| 2.6 | Версия 2.6 Май 2016 г. Скачать 2.6 |
| 2,52 | Добавлена W3-обивка-Hor и W3-обивка-вер |
| 2.5 | Версия 2.5 апреля 2016 года Скачать 2.5 |
| 2.5 | Скорректированная небольшие значения переходных |
| 2.4 | Добавлена w3-threequarter Добавлена w3-дисплей-topmiddle и w3-дисплей-bottommiddle Добавлена w3-прозрачным и w3-парят-доли не имеет Изменена продолжительность анимации W3-одушевленного-непрозрачности от 4 до 1,5 секунд |
| 2.3 | Исправлены мелкие ошибки в пиксельные в запросах медиа Добавлены все цветовые классы для w3-цвета внешних пунктов пропуска |
| 2.2 | Добавлена ширина 100% к элементам <li> в W3-навигационной панели на маленьких экранах (<601px ширина). |
| 2.1 | Добавлена W3-парения-тень. Добавлена w3-парят-text- цвет. Измененное г-индекс W3-модальный "3" (вместо 1). |
| 2,0 | Февраль 2016 г. Скачать 2.0 |
| 1,99 | Добавлена w3-основной и w3-коллапс. Добавлена W3-засечек. Добавлена W3-накладку. Добавлена W3-ProgressBar. Добавлена w3-шоу-рядный блок. Добавлена W3-анимировать-вход. Добавлена W3-дисплей-контейнер. Добавлена W3-дисплей-topright. Добавлена W3-дисплей-TopLeft. Добавлена W3-дисплей-bottomright. Добавлена W3-дисплей-bottomleft. |
| 1,98 | Добавлена w3-одушевленные-выцветанию. |
| 1,97 | Добавлены w3-БТН-блок. Добавлена w3-гармошка и w3-гармошки содержание. |
| 1,96 | Добавлено выпадающее W3-sidenav. Добавлен слайд-шоу Добавлено Tabs (Табуляция) |
| 1,95 | Добавлена w3-вертикали. Добавлены бледно-W3 при наведении курсора цвета. |
| 1,94 | Добавлена W3-NavBar. Добавлена W3-hover- цвет. |
| 1,93 | Удалены w3-вкладка. Используйте W3-topnav или W3-sidenav вместо. |
| 1,92 | Удалены w3-BLOCKQUOTE. Вместо этого используйте W3-leftbar. |
| 1,91 | Добавлена w3-бледно-красный, w3-бледно-желтый, w3-бледно-зеленый, бледно-W3-синим цветом. Добавлена W3-topbar, W3-bottombar, W3-leftbar, W3-rightbar. Добавлена w3-граница-красный, w3-граница-желтая, w3-граница-зеленый, w3-граница-синий. |
| 1.9 | Января 2016 года Скачать 1.9 |
| 1.8 | Декабрь 2015 года. |
| 1.7 | Ноябрь 2015 года. |
| 1.6 | Октябрь 2015 года. |
| 1.5 | Сентября 2015 года. |
| 1.4 | Август 2015. |
| 1.3 | Август 2015. |
| 1.2 | Июля 2015 года. |
| 1.1 | Июня 2015 года. |
| 1.1 | Май 2015. |
Неактивированные W3.CSS
Пользователи W3.CSS может вернуть некоторые ошибки.
 | Вы часто будете получить некоторые ошибки при запуске W3C валидацию. Там всегда будут какие-то конкретные значения браузера за пределами текущей спецификации W3C. |
|---|
| Имущество | Описание |
|---|---|
| указатель событий | Недопустимое свойство в CSS3, но предложил для CSS4. Используется в W3.CSS, чтобы удалить указатель вручную из элементов с ограниченными физическими возможностями. |
| пользователем выберите | Недопустимое свойство в CSS3, но предложил для CSS4. Используется в W3.CSS для удаления выделения текста с интерактивными элементами. |
| Псевдо-класс: действительный | Недопустимое значение в CSS3, но предложил для CSS4. Используется в W3.CSS, чтобы указывает на действительный вход. |
| @ -webkit-ключевые кадры | В дополнение к W3.CSS, чтобы сделать анимацию работать в WebKit браузерах (более старых версиях 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
Выписка из Normalize.css используется в W3.CSS.
Это делает W3.CSS отображения HTML последовательно во всех браузерах, а также в соответствии с современными веб-стандартами.