Herunterladen W3.CSS
Laden Sie die neueste Version von diesem Link: http://www.w3ii.com/lib/w3.css
W3.CSS ist frei
W3.CSS ist kostenlos zu benutzen. Keine Lizenz erforderlich.
Wie zu verwenden W3.CSS
So verwenden Sie W3.CSS, fügen Sie einfach einen Link zu "w3.css" in Ihre Web-Seiten:
Beispiel
<!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"> Versuch es selber " Oder w3.css herunterladen und von Ihrer eigenen Webseite über:
Beispiel
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css"> Wenn Sie w3.css in einem Unterordner setzen, fügen Sie den Namen des Ordners in Schrägstrichen:
Beispiel
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/ foldername /w3.css"> Wenn Sie an der Wurzel Ihrer Web platzieren w3.css, fügen Sie einen Schrägstrich:
Beispiel
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css"> Neueste Versionen
| Version | Beschreibung |
|---|---|
| 2.6 | Version 2.6 Mai 2016. Download - 2.6 |
| 2,52 | Hinzugefügt w3-padding-hor und w3-padding-ver |
| 2.5 | Version 2.5 April 2016. Download - 2.5 |
| 2.5 | Das bereinigte kleinere Übergangswerte |
| 2.4 | Hinzugefügt w3-Dreiviertel Hinzugefügt w3-display-topmiddle und w3-display-bottommiddle Hinzugefügt w3-transparent und w3-Hover-none Geänderte Animationsdauer von w3-belebtes-Trübung vom 4 auf 1,5 Sekunden |
| 2.3 | Feste kleinere Pixelfehler in Medien-Anfragen Hinzugefügt alle Farbklassen zu w3-Borderline Farbe |
| 2.2 | Hinzugefügt Breite von 100% bis <li> Elemente in w3-navbar auf kleinen Bildschirmen (<601px Breite). |
| 2.1 | Hinzugefügt w3-Hover-Schatten. Hinzugefügt w3-Hover-text- Farbe. Geändert z-index von w3-modal auf "3" (statt 1). |
| 2.0 | Februar 2016. Download - 2.0 |
| 1.99 | Hinzugefügt w3-main und w3-Zusammenbruch. Hinzugefügt w3-serif. Hinzugefügt w3-Overlay. Hinzugefügt w3-progressbar. Hinzugefügt w3-show-inline-block. Hinzugefügt w3-belebtes-Eingang. Hinzugefügt w3-display-Container. Hinzugefügt w3-display-topright. Hinzugefügt w3-display-topleft. Hinzugefügt w3-display-bottom. Hinzugefügt w3-display-bottom. |
| 1.98 | Hinzugefügt w3-belebtes-Schwund. |
| 1,97 | Hinzugefügt w3-btn-Block. Hinzugefügt w3-Akkordeon und w3-Akkordeon-Inhalt. |
| 1,96 | Hinzugefügt Dropdown-Liste w3-sidenav. Added Diashow Hinzugefügt Tabs (Tabulatoren) |
| 1,95 | Hinzugefügt w3-vertikal. Hinzugefügt blass w3-Hover-Farben. |
| 1,94 | Hinzugefügt w3-navbar. Hinzugefügt w3-hover- Farbe. |
| 1,93 | Entfernt w3-tab. Verwenden Sie w3-topnav oder w3-sidenav statt. |
| 1,92 | Entfernt w3-blockquote. Verwenden Sie w3-leftbar statt. |
| 1.91 | Hinzugefügt w3-blass-rot, w3-blass-gelb, w3-blass-grün, w3-hellblau. Hinzugefügt w3-topbar, w3-bottombar, w3-leftbar, w3-rightbar. Hinzugefügt w3-border-rot, w3-border-gelb, w3-border-grün, w3-border-blau. |
| 1.9 | Januar 2016. Download - 1.9 |
| 1.8 | Dezember 2015. |
| 1.7 | November 2015. |
| 1.6 | Oktober 2015. |
| 1.5 | September 2015. |
| 1.4 | August 2015. |
| 1.3 | August 2015. |
| 1.2 | Juli 2015. |
| 1.1 | Juni 2015. |
| 1.1 | Mai 2015. |
Validieren W3.CSS
Validieren W3.CSS könnten einige Fehler zurück.
 | Sie werden oft einige Fehler erhalten, wenn Sie W3C Validierungen ausgeführt werden. Es wird immer einige Browser bestimmte Werte außerhalb der aktuellen W3C-Spezifikation sein. |
|---|
| Eigentum | Beschreibung |
|---|---|
| Zeiger-Veranstaltungen | Ungültige Eigenschaft in CSS3, aber vorgeschlagen, für CSS4. Wird in W3.CSS Handzeiger von behinderten Elemente zu entfernen. |
| user-select | Ungültige Eigenschaft in CSS3, aber vorgeschlagen, für CSS4. Wird in W3.CSS zu Textauswahl aus klickbare Elemente entfernen. |
| Pseudo-Klasse: gültig | Ungültige Wert in CSS3, aber vorgeschlagen, für CSS4. Wird in W3.CSS zu zeigt gültige Eingabe. |
| @ -webkit-Keyframes | Hinzu W3.CSS zu machen Animationen in Webkit-Browsern (ältere Versionen von Chrome, Safari und Opera). |
Passen Sie W3.CSS
W3.CSS enthält grundlegende Schriftarten und Schriftgrößen.
Sie können W3.CSS anpassen, indem Sie die Einstellungen ändern können:
Beispiel
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;
} Versuch es selber " W3.CSS ist Normalized
ein Stylesheet Normalisieren wird getan, um:
- Die korrekte Browser-Bugs
- Entfernen Browser Inkonsistenzen
- Assure gängigen Browser Standardwerte
- Normalisieren die Stile aller HTML-Elemente
- In CSS Verbesserungen
Ein Auszug aus Normalize.css wird in W3.CSS verwendet.
Dies macht W3.CSS Anzeige HTML konsequent in allen Browsern, und in Einklang mit modernen Web-Standards.