W3.CSS Aflaaie
Laai W3.CSS af
Laai W3.CSS af vanaf hierdie skakel: https://www.w3schools.com/w3css/4/w3.css
W3.CSS is gratis
W3.CSS is gratis om te gebruik. Geen lisensie is nodig nie.
Hoe om W3.CSS te gebruik
Om W3.CSS te gebruik, voeg net 'n skakel by "w3.css" in jou webblaaie:
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 laai w3.css af en hardloop dit vanaf jou eie webwerf:
Voorbeeld
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css">
As jy w3.css in 'n subgids plaas, voeg die vouernaam tussen skuinsstreepies by:
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">
As jy w3.css aan die wortel van jou web plaas, voeg 'n skuinsstreep by:
Voorbeeld
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css">
Veranderlogboek
Laai weergawe 4.13 af vanaf hierdie skakel: https://www.w3schools.com/w3css/4/w3.css
| Sien | Datum | Beskrywing |
|---|---|---|
| 4.15 | 12/2020 | Aangevul w3-serif met w3-sans-serif w3-cursive w3-monospace |
| 4.14 | 11/2020 | Aangevul w3-vulling met w3-vulling-top-64 w3-vulling-top-48 w3-vulling-top-32 w3-vulling-top-24 |
| 4.13 | 06/2019 | Aangepas vir klein veranderinge in Normalize.css |
| 4.12 | 11/2018 | Bygevoeg w3-rek |
| 4.11 | 10/2018 | Bygevoeg w3-outo Veranderde marge:outo na kantlyn-links:outo en kantlyn-regs:outo in w3-inhoud |
| 4.10 | 02/2018 | Het "outline:0" by w3-bar-item in w3-bar en w3-bar-block bygevoeg |
| 4.09 | 12/2017 | Verwyder "outline:0" van knoppies |
| 4.08 | 10/2017 | Het "z-index:1" by w3-dropdown-inhoud bygevoeg |
| 4.07 | 08/2017 | Het "vertical-align:middle" by beelde gevoeg |
| 4.06 | 08/2017 | Bygevoeg weergawe 3 kleur klasse by grense, beweegbare grense en beweegbare teks |
| 4.05 | 06/2017 | Bygevoeg "display:block" by w3-responsive |
| 4.04 | 04/2017 | Bygevoeg "float:none" by w3-bar-item binne w3-bar-blok |
| 4.03 | 03/2017 | Het 'n klein fout in "w3-col m3" reggestel |
| 4.02 | 03/2017 | Bygevoeg weergawe 3 teks kleure |
| 4.01 | 03/2017 |
Verlig die kleur grys/grys. Het 'n paar randkleurfoute reggestel |
| 4.0 | 02/2017 | |
| 3.0 | 01/2017 | |
| 2.0 | 02/2016 | |
| 1.0 | 05/2015 |
GitHub-bewaarplek
GitHub-bewaarplek is: https://github.com/JaniRefsnes/w3css
Valideer W3.CSS
Validering van W3.CSS kan dalk 'n paar foute gee.
Jy sal dikwels 'n paar foute kry wanneer jy W3C-bekragtigings uitvoer.
Daar sal altyd 'n paar blaaierspesifieke waardes buite die huidige W3C-spesifikasie wees.
| Eiendom | Beskrywing |
|---|---|
| wyser-gebeure | Ongeldige eiendom in CSS3, maar voorgestel vir CSS4. Gebruik in W3.CSS om handwyser van gedeaktiveerde elemente te verwyder. |
| gebruiker-kies | Ongeldige eiendom in CSS3, maar voorgestel vir CSS4. Gebruik in W3.CSS om tekskeuse van klikbare elemente te verwyder. |
| pseudo-klas : geldig | Ongeldige waarde in CSS3, maar voorgestel vir CSS4. Word in W3.CSS gebruik om geldige invoer aan te dui. |
| @-webkit-sleutelrame | By W3.CSS gevoeg om animasies in webkit-blaaiers (ouer weergawes van Chrome, Safari en Opera) te laat werk. |
Pas W3.CSS aan
W3.CSS sluit basiese lettertipes en lettergroottes in.
Jy kan W3.CSS pasmaak deur hierdie instellings te verander:
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 genormaliseer
Normalisering van 'n stylblad word gedoen om:
- Korrigeer blaaierfoute
- Verwyder blaaier inkonsekwenthede
- Verseker algemene blaaier verstekke
- Normaliseer die style van alle HTML-elemente
- Voeg CSS-verbeterings by
'n Uittreksel van Normalize.css word in W3.CSS gebruik.
Dit maak dat W3.CSS HTML konsekwent in alle blaaiers vertoon, en in lyn met moderne webstandaarde.