W3.CSS- Downloads
Laden Sie W3.CSS herunter
Laden Sie W3.CSS von diesem Link herunter: https://www.w3schools.com/w3css/4/w3.css
W3.CSS ist kostenlos
W3.CSS kann kostenlos verwendet werden. Es ist keine Lizenz erforderlich.
So verwenden Sie W3.CSS
Um W3.CSS zu verwenden, fügen Sie einfach einen Link zu "w3.css" auf Ihren Webseiten hinzu:
Beispiel
<!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">
Oder laden Sie w3.css herunter und führen Sie es von Ihrer eigenen Website aus:
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 ablegen, fügen Sie den Ordnernamen zwischen Schrägstrichen hinzu:
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 w3.css im Stammverzeichnis Ihres Webs platzieren, fügen Sie einen Schrägstrich hinzu:
Beispiel
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css">
Änderungsprotokoll
Laden Sie Version 4.13 von diesem Link herunter: https://www.w3schools.com/w3css/4/w3.css
| Sehen | Datum | Beschreibung |
|---|---|---|
| 4.15 | 12/2020 | w3-serif ergänzt durch w3-sans-serif w3-cursive w3-monospace |
| 4.14 | 11/2020 | W3-Padding ergänzt durch w3-Padding-Top-64 w3-Padding-Top-48 w3-Padding-Top-32 w3-Padding-Top-24 |
| 4.13 | 06/2019 | An kleinere Änderungen in Normalize.css angepasst |
| 4.12 | 11/2018 | W3-Stretch hinzugefügt |
| 4.11 | 10/2018 | w3-auto hinzugefügt Margin:auto in margin-left:auto und margin-right:auto in w3-content geändert |
| 4.10 | 02/2018 | "outline:0" zu w3-bar-item in w3-bar und w3-bar-block hinzugefügt |
| 4.09 | 12/2017 | "outline:0" von Schaltflächen entfernt |
| 4.08 | 10/2017 | "z-index:1" zu w3-dropdown-content hinzugefügt |
| 4.07 | 08/2017 | „Vertical-align:middle“ zu Bildern hinzugefügt |
| 4.06 | 08/2017 | Farbklassen der Version 3 zu Rändern, schwebenden Rändern und schwebendem Text hinzugefügt |
| 4.05 | 06/2017 | „display:block“ zu w3-responsive hinzugefügt |
| 4.04 | 04/2017 | "float:none" zu w3-bar-item innerhalb von w3-bar-block hinzugefügt |
| 4.03 | 03/2017 | Korrektur eines kleinen Fehlers in „w3-col m3“ |
| 4.02 | 03/2017 | Textfarben für Version 3 hinzugefügt |
| 4.01 | 03/2017 |
Die Farbe Grau/Grau aufgehellt. Einige Randfarbfehler behoben |
| 4.0 | 02/2017 | |
| 3.0 | 01/2017 | |
| 2.0 | 02/2016 | |
| 1.0 | 05/2015 |
GitHub-Repository
Das GitHub-Repository ist: https://github.com/JaniRefsnes/w3css
Validierung von W3.CSS
Die Validierung von W3.CSS kann einige Fehler zurückgeben.
Sie erhalten oft einige Fehler, wenn Sie W3C-Validierungen ausführen.
Es wird immer einige browserspezifische Werte geben, die außerhalb der aktuellen W3C-Spezifikation liegen.
| Eigentum | Beschreibung |
|---|---|
| Zeigerereignisse | Ungültige Eigenschaft in CSS3, aber für CSS4 vorgeschlagen. Wird in W3.CSS verwendet, um den Handzeiger von deaktivierten Elementen zu entfernen. |
| Benutzerauswahl | Ungültige Eigenschaft in CSS3, aber für CSS4 vorgeschlagen. Wird in W3.CSS verwendet, um die Textauswahl aus anklickbaren Elementen zu entfernen. |
| Pseudo-Klasse : gültig | Ungültiger Wert in CSS3, aber für CSS4 vorgeschlagen. Wird in W3.CSS verwendet, um eine gültige Eingabe anzuzeigen. |
| @-webkit-keyframes | Zu W3.CSS hinzugefügt, damit Animationen in Webkit-Browsern (ältere Versionen von Chrome, Safari und Opera) funktionieren. |
Passen Sie W3.CSS an
W3.CSS enthält grundlegende Schriftarten und Schriftgrößen.
Sie können W3.CSS anpassen, indem Sie diese Einstellungen ändern:
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;
}
W3.CSS ist normalisiert
Das Normalisieren eines Stylesheets wird durchgeführt, um:
- Browserfehler beheben
- Entfernen Sie Browser-Inkonsistenzen
- Stellen Sie gängige Browser-Standardeinstellungen sicher
- Normalisieren Sie die Stile aller HTML-Elemente
- Fügen Sie CSS-Verbesserungen hinzu
In W3.CSS wird ein Auszug aus Normalize.css verwendet.
Dadurch zeigt W3.CSS HTML konsistent in allen Browsern und in Übereinstimmung mit modernen Webstandards an.