Descărcați W3.CSS
Descărcați cea mai recentă versiune de la acest link: http://www.w3ii.com/lib/w3.css
W3.CSS este gratuit
W3.CSS este liber să utilizeze. Nici o licență nu este necesară.
Cum Pentru a utiliza W3.CSS
Pentru a utiliza W3.CSS, trebuie doar să adăugați un link către "w3.css" în paginile dvs. de web:
Exemplu
<!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"> Încearcă - l singur » Sau descarcă w3.css și rulați-l de pe propriul site web:
Exemplu
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css"> Dacă pui w3.css într-un subfolder, adăugați numele folderului între slash-uri:
Exemplu
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/ foldername /w3.css"> Dacă puneți w3.css la rădăcina web, adăugați o bară oblică:
Exemplu
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css"> Cele mai recente versiuni
| Versiune | Descriere |
|---|---|
| 2.6 | Versiunea 2.6 Mai 2016. Descarca 2.6 |
| 2,52 | Adăugat W3-padding-Hor și W3-padding-ver |
| 2.5 | Versiunea 2.5 aprilie 2016. Descarca 2.5 |
| 2.5 | Ajustat valori minore de tranziție |
| 2.4 | Adăugat W3-threequarter Adaugata W3-display-topmiddle și W3-display-bottommiddle Adăugat W3-transparent și W3-Hover-none Durata animației schimbată a w3-însuflețite-opacitate de la 4 la 1.5 secunde |
| 2.3 | Fixe erori pixel minore în interogări media Adăugat toate clasele de culoare la W3-graniță |
| 2.2 | Adăugat lățime de 100% la <li> elemente în w3-navbar pe ecrane mici (< 601px width) . |
| 2.1 | Adăugat W3-Hover-umbra. Adăugat W3-Hover-Textul- culoare. Changed indexului z w3-modal la "3" (instead of 1) în (instead of 1) . |
| 2.0 | Februarie 2016. Descarca 2.0 |
| 1,99 | Adăugat W3-principal și W3-colaps. Adăugat W3-serif. Adăugat W3-suprapunere. Adăugat W3-ProgressBar. Adăugat W3-show-inline-bloc. Adăugat W3-insufletit-intrare. Adăugat W3-display-container. Adaugata W3-display-topright. Adaugata W3-display-topleft. Adaugata W3-display-bottomright. Adaugata W3-display-bottomleft. |
| 1.98 | Adăugat W3-insufletit-fading. |
| 1,97 | Adăugat W3-BTN-bloc. Adăugat W3-acordeon și W3-acordeon-conținut. |
| 1,96 | Adăugat expandabila pentru W3-sidenav. Adăugat Slideshow Adăugat File (Tabulators) |
| 1,95 | Adăugat W3-verticală. Adăugat culori W3-hover pal. |
| 1,94 | Adăugat W3-navbar. Adăugat de culoare-W3 hover-. |
| 1,93 | Eliminat W3-tab. Utilizați W3-topnav sau W3-sidenav în loc. |
| 1,92 | Eliminat W3-blockquote. Utilizați W3-leftbar în loc. |
| 1.91 | Adăugat W3-roșu pal, W3-galben pal, W3-verde-pal, W3-albastru-pal. Adăugat W3-topbar, W3-bottombar, W3-leftbar, W3-rightbar. Adăugat W3-border-roșu, W3-border-galben, W3-border-verde, W3-border-albastru. |
| 1.9 | Ianuarie 2016. Descarca 1.9 |
| 1.8 | Decembrie 2015. |
| 1.7 | Noiembrie 2015. |
| 1.6 | Octombrie 2015. |
| 1.5 | Septembrie 2015. |
| 1.4 | August 2015. |
| 1.3 | August 2015. |
| 1.2 | Iulie 2015. |
| 1.1 | Iunie 2015. |
| 1.1 | Mai 2015. |
W3.CSS de validare
W3.CSS Validating ar putea returna unele erori.
Vei primi de multe ori unele erori atunci când executați validări W3C.
Vor exista întotdeauna unele valori specifice browser-ului în afara specificației W3C.
| Proprietate | Descriere |
|---|---|
| pointer-evenimente | proprietate nevalid în CSS3, dar a sugerat pentru CSS4. Utilizat în W3.CSS pentru a elimina indicatorul de mână de elemente cu handicap. |
| -utilizator , selectați | proprietate nevalid în CSS3, dar a sugerat pentru CSS4. Utilizat în W3.CSS pentru a elimina elementele de selectare a textului din accesabile. |
| pseudo-clasă: validă | Valoare nevalidă în CSS3, dar a sugerat pentru CSS4. Utilizat în W3.CSS pentru a indica o intrare validă. |
| @ -webkit-keyframes | Adăugat la W3.CSS pentru a face animații funcționa în browserele WebKit (older versions of Chrome, Safari, and Opera) . |
Particularizarea W3.CSS
W3.CSS include fonturi de bază și dimensiuni de font.
Puteți personaliza W3.CSS prin modificarea acestor setări:
Exemplu
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;
} Încearcă - l singur » W3.CSS este normalizată
Normalizarea o foaie de stil se face la:
- bug-uri corecte pentru browser
- Eliminați incoerențe browser
- Assure implicite comune browser
- Normalizarea stilurile tuturor elementelor HTML
- Adăugați îmbunătățiri CSS
Un extras din Normalize.css este utilizat în W3.CSS.
Acest lucru face ca W3.CSS HTML afișare în mod constant în toate browserele, și în conformitate cu standardele web moderne.