W3.CSS- downloads
W3.CSS downloaden
Download W3.CSS via deze link: https://www.w3schools.com/w3css/4/w3.css
W3.CSS is gratis
W3.CSS is gratis te gebruiken. Er is geen vergunning nodig.
Hoe W3.CSS te gebruiken
Om W3.CSS te gebruiken, hoeft u alleen maar een link naar "w3.css" toe te voegen aan uw webpagina's:
Voorbeeld
<!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">
Of download w3.css en voer het uit vanaf uw eigen website:
Voorbeeld
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css">
Als je w3.css in een submap plaatst, voeg dan de mapnaam toe tussen schuine strepen:
Voorbeeld
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/foldername/w3.css">
Als je w3.css in de root van je web plaatst, voeg dan een schuine streep toe:
Voorbeeld
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css">
Wijzigingslog
Download versie 4.13 via deze link: https://www.w3schools.com/w3css/4/w3.css
| Zien | Datum | Beschrijving |
|---|---|---|
| 4.15 | 12/2020 | W3-serif aangevuld met w3-sans-serif w3-cursief w3-monospace |
| 4.14 | 11/2020 | W3-padding aangevuld met w3-padding-top-64 w3-padding-top-48 w3-padding-top-32 w3-padding-top-24 |
| 4.13 | 06/2019 | Aangepast aan kleine wijzigingen in Normalize.css |
| 4.12 | 11/2018 | w3-stretch toegevoegd |
| 4.11 | 10/2018 | W3-auto toegevoegd Marge:auto gewijzigd in margin-left:auto en margin-right:auto in w3-content |
| 4.10 | 02/2018 | "outline:0" toegevoegd aan w3-bar-item in w3-bar en w3-bar-block |
| 4.09 | 12/2017 | "outline:0" verwijderd uit knoppen |
| 4.08 | 10/2017 | "z-index:1" toegevoegd aan w3-dropdown-content |
| 4.07 | 08/2017 | "vertical-align:middle" toegevoegd aan afbeeldingen |
| 4.06 | 08/2017 | Kleurklassen van versie 3 toegevoegd aan randen, aanwijsbare randen en aanwijsbare tekst |
| 4.05 | 06/2017 | "display:block" toegevoegd aan w3-responsive |
| 4.04 | 04/2017 | "float:none" toegevoegd aan w3-bar-item in w3-bar-block |
| 4.03 | 03/2017 | Een kleine bug gecorrigeerd in "w3-col m3" |
| 4.02 | 03/2017 | Versie 3 tekstkleuren toegevoegd |
| 4.01 | 03/2017 |
De kleur grijs/grijs lichter gemaakt Enkele fouten in de randkleur verholpen |
| 4.0 | 02/2017 | |
| 3.0 | 01/2017 | |
| 2.0 | 02/2016 | |
| 1.0 | 05/2015 |
GitHub-opslagplaats
GitHub-repository is: https://github.com/JaniRefsnes/w3css
W3.CSS valideren
Het valideren van W3.CSS kan enkele fouten opleveren.
U zult vaak enkele fouten krijgen wanneer u W3C-validaties uitvoert.
Er zullen altijd enkele browserspecifieke waarden zijn buiten de huidige W3C-specificatie.
| Eigendom | Beschrijving |
|---|---|
| pointer-events | Ongeldige eigenschap in CSS3, maar voorgesteld voor CSS4. Gebruikt in W3.CSS om de handaanwijzer van uitgeschakelde elementen te verwijderen. |
| gebruiker-select | Ongeldige eigenschap in CSS3, maar voorgesteld voor CSS4. Gebruikt in W3.CSS om tekstselectie uit klikbare elementen te verwijderen. |
| pseudo-klasse :geldig | Ongeldige waarde in CSS3, maar voorgesteld voor CSS4. Gebruikt in W3.CSS om geldige invoer aan te geven. |
| @-webkit-keyframes | Toegevoegd aan W3.CSS om animaties te laten werken in webkit-browsers (oudere versies van Chrome, Safari en Opera). |
Pas W3.CSS aan
W3.CSS bevat basislettertypen en lettergroottes.
U kunt W3.CSS aanpassen door deze instellingen te wijzigen:
Voorbeeld
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 is genormaliseerd
Het normaliseren van een stylesheet wordt gedaan om:
- Corrigeer browserfouten
- Inconsistenties in de browser verwijderen
- Zorg voor algemene browserstandaarden
- Normaliseer de stijlen van alle HTML-elementen
- CSS-verbeteringen toevoegen
Een uittreksel van Normalize.css wordt gebruikt in W3.CSS.
Dit zorgt ervoor dat W3.CSS HTML consistent weergeeft in alle browsers, en in overeenstemming met moderne webstandaarden.