W3.CSS do pobrania
Pobierz W3.CSS
Pobierz W3.CSS z tego linku: https://www.w3schools.com/w3css/4/w3.css
W3.CSS jest bezpłatny
W3.CSS jest darmowy. Licencja nie jest wymagana.
Jak korzystać z W3.CSS
Aby korzystać z W3.CSS, po prostu dodaj link do "w3.css" na swoich stronach internetowych:
Przykład
<!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">
Lub pobierz w3.css i uruchom go ze swojej własnej strony internetowej:
Przykład
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css">
Jeśli umieścisz w3.css w podfolderze, dodaj nazwę folderu między ukośnikami:
Przykład
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/foldername/w3.css">
Jeśli umieścisz w3.css w katalogu głównym swojej strony, dodaj ukośnik:
Przykład
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css">
Dziennik zmian
Pobierz wersję 4.13 z tego linku: https://www.w3schools.com/w3css/4/w3.css
| Widzieć | Data | Opis |
|---|---|---|
| 4.15 | 12/2020 | Uzupełniono w3-szeryfowe o w3-sans-serif w3-kursywą w3-monospace |
| 4.14 | 11/2020 | Uzupełniony w3-padding z w3-padding-top-64 w3-padding-top-48 w3-padding-top-32 w3-padding-top-24 |
| 4.13 | 06/2019 | Przystosowany do drobnych zmian w Normalize.css |
| 4.12 | 11/2018 | Dodano rozciągliwość w3 |
| 4.11 | 10/2018 | Dodano w3-auto Zmieniono margin:auto na margin-left:auto i margin-right:auto w treści w3- |
| 4.10 | 02/2018 | Dodano "zarys:0" do w3-bar-item w w3-bar i w3-bar-block |
| 4,09 | 12/2017 | Usunięto "outline:0" z przycisków |
| 4,08 | 10/2017 | Dodano "z-index:1" do w3-dropdown-content |
| 4.07 | 08/2017 | Dodano „vertical-align:middle” do obrazów |
| 4,06 | 08/2017 | Dodano klasy kolorów w wersji 3 do obramowań, obramowań unoszących się i tekstu unoszącego się |
| 4,05 | 06/2017 | Dodano „display:block” do responsywności w3 |
| 4.04 | 04/2017 | Dodano "float:none" do w3-bar-item wewnątrz w3-bar-block |
| 4.03 | 03/2017 | Poprawiono drobny błąd w „w3-col m3” |
| 4.02 | 03/2017 | Dodano kolory tekstu w wersji 3 |
| 4.01 | 03/2017 |
Rozjaśniono kolor szary/szary Naprawiono niektóre błędy kolorów obramowania |
| 4.0 | 02/2017 | |
| 3,0 | 01/2017 | |
| 2,0 | 02/2016 | |
| 1,0 | 05/2015 |
Repozytorium GitHub
Repozytorium GitHub to: https://github.com/JaniRefsnes/w3css
Walidacja W3.CSS
Sprawdzanie poprawności W3.CSS może zwrócić pewne błędy.
Często pojawiają się błędy podczas uruchamiania walidacji W3C.
Zawsze będą pewne wartości specyficzne dla przeglądarki poza obecną specyfikacją W3C.
| Nieruchomość | Opis |
|---|---|
| wskaźniki-wydarzenia | Nieprawidłowa właściwość w CSS3, ale sugerowana dla CSS4. Używany w W3.CSS do usuwania wskaźnika dłoni z wyłączonych elementów. |
| wybór użytkownika | Nieprawidłowa właściwość w CSS3, ale sugerowana dla CSS4. Używany w W3.CSS do usuwania zaznaczenia tekstu z klikalnych elementów. |
| pseudoklasa :poprawna | Nieprawidłowa wartość w CSS3, ale sugerowana dla CSS4. Używane w W3.CSS do wskazania prawidłowego wejścia. |
| @-webkit-klatki kluczowe | Dodano do W3.CSS, aby animacje działały w przeglądarkach webkit (starsze wersje Chrome, Safari i Opera). |
Dostosuj W3.CSS
W3.CSS zawiera podstawowe czcionki i rozmiary czcionek.
Możesz dostosować W3.CSS, zmieniając te ustawienia:
Przykład
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 jest znormalizowany
Normalizacja arkusza stylów ma na celu:
- Popraw błędy przeglądarki
- Usuń niespójności przeglądarki
- Zapewnij wspólne domyślne ustawienia przeglądarki
- Normalizuj style wszystkich elementów HTML
- Dodaj ulepszenia CSS
Wyciąg z Normalize.css jest używany w W3.CSS.
Dzięki temu W3.CSS wyświetla kod HTML spójnie we wszystkich przeglądarkach i jest zgodny z nowoczesnymi standardami sieciowymi.