Najnowsze tutoriale tworzenie stron internetowych
 

W3.CSS pliki do pobrania


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.

Uwaga 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.