Pobierz W3.CSS
Pobierz najnowszą wersję z tego linku: http://www.w3ii.com/lib/w3.css~~HEAD=pobj
W3.CSS jest bezpłatny
W3.CSS może swobodnie korzystać. Żadna licencja nie jest konieczne.
Jak korzystać W3.CSS
Aby korzystać W3.CSS, wystarczy dodać 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="http://www.w3ii.com/lib/w3.css">
Spróbuj sam " Lub pobrać w3.css i uruchomić 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, dodać nazwę folderu między ukośniki:
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 postawisz w3.css u podstaw swojej sieci, należy dodać 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">
Najnowsze wersje
Wersja | Opis |
---|---|
2,6 | Wersja 2.6 Maj 2016 Pobierz 2.6 |
2,52 | Dodano w3-padding-Hor i w3-padding-ver |
2,5 | Wersja 2.5 kwiecień 2016. Pobierz 2.5 |
2,5 | Skorygowane wartości przejściowe drobne |
2,4 | Dodano w3-threequarter Dodano w3-display-topmiddle i w3-display-bottommiddle Dodano w3-przejrzysty i w3-hover none Zmieniona animacja czas w3-ożywionej-krycie od 4 do 1,5 sekundy |
2,3 | Poprawiono drobne błędy piksel zapytaniami mediów Dodano wszystkie klasy kolorów do w3-kolor obramowania |
2,2 | Dodano 100% szerokość <li> elementy w3-paska nawigacyjnego na małych ekranach (<601px szerokości). |
2,1 | Dodano w3-hover cień. Dodano w3-hover tekstowa koloru. Zmieniono z-index of w3 pojedynczymi blokami na "3" (zamiast 1). |
2,0 | Luty 2016. Pobierz 2.0 |
1,99 | Dodano w3-main i w3-collapse. Dodano w3-serif. Dodano w3-nakładkę. Dodano w3-progressbar. Dodano w3-show-inline-block. Dodano w3-animate-wejście. Dodano w3-display-pojemnik. Dodano w3-display-topright. Dodano w3-display-topLeft. Dodano w3-display-bottomRight. Dodano w3-display-bottomleft. |
1,98 | Dodano w3-animate-blaknięcie. |
1,97 | Dodano w3-btn-blok. Dodano w3-akordeon i w3-akordeon-content. |
1,96 | Dodano rozwijana do w3-sidenav. Dodany slajdów Dodano Tabs (Tabulatory) |
1,95 | Dodano w3-pionowy. Dodano blade kolory w3-hover. |
1,94 | Dodano w3-navbar. Dodano w3-hover- kolor. |
1,93 | Usunięto w3-tab. Użyj w3-topnav lub w3-sidenav zamiast. |
1,92 | Usunięto w3-blockquote. Użyj w3-leftbar zamiast. |
1,91 | Dodano w3-blado-czerwone, w3-blado-żółty, w3-blado-zielone, w3-blado-niebieskie. Dodano w3-topbar W3-bottombar W3-leftbar W3-rightbar. Dodano w3-border-czerwony, w3-border-żółty, w3-border-zielony, w3-border-niebiesko. |
1,9 | Stycznia 2016. Pobierz 1.9 |
1,8 | Grudnia 2015. |
1,7 | Listopad 2015. |
1,6 | Października 2015. |
1,5 | Wrzesień 2015. |
1,4 | Sierpień 2015. |
1,3 | Sierpień 2015. |
1,2 | Lipca 2015. |
1,1 | Czerwiec 2015. |
1,1 | Maj 2015. |
Walidacja W3.CSS
Members W3.CSS może powrócić kilka błędów.
Będziesz często dostać jakieś błędy podczas uruchamiania walidacji W3C. Zawsze będą jakieś konkretne wartości browser poza aktualną specyfikacją W3C. |
Nieruchomość | Opis |
---|---|
wskaźnik-events | Nieprawidłowy nieruchomości w CSS3, ale sugeruje się CSS4. Używany w W3.CSS usunąć wskaźnik ręcznie z elementów niepełnosprawnych. |
Wybierz użytkownika | Nieprawidłowy nieruchomości w CSS3, ale sugeruje się CSS4. Używany w W3.CSS usunąć zaznaczenie tekstu z elementy klikalne. |
Pseudo-klasa: ważna | Nieprawidłowa wartość w CSS3, ale sugeruje się CSS4. Używany w W3.CSS wskazuje na ważny wkład. |
@ -webkit-keyframes | Dodano do W3.CSS zrobić animacje działają w przeglądarkach WebKit (starsze wersje Chrome, Safari i Opera). |
Dostosuj W3.CSS
W3.CSS zawiera podstawowe czcionki i rozmiary czcionek.
Można 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;
}
Spróbuj sam " W3.CSS normalizuje
Normalizowanie arkusz stylów odbywa się:
- Popraw błędy przeglądarek
- Usuń niespójności przeglądarki
- Zapewniam wspólne domyślne przeglądarki
- Normalizuje się style wszystkich elementów HTML
- Dodaj ulepszenia CSS
Wyciąg z Normalize.css jest stosowany w W3.CSS.
To sprawia W3.CSS wyświetlania HTML konsekwentnie we wszystkich przeglądarkach, a także zgodnie z nowoczesnymi standardami internetowymi.