Video: How to Always Keep the Footer at the Bottom of A Page | Learn HTML and CSS | HTML Tutorial 2025
CSS-specifikationerna, skapade av World Wide Web Consortium (W3C), definierar syntaxen och möjliga värden för alla CSS egenskaper. För att göra definitioner så exakta som möjligt använder W3C ett formellt system som kallas CSS-värdedefinitionssyntax.
Även om definitionsyntaxen definierar möjliga värden mycket exakt, kan det vara svårt att läsa den syntax som CSS-värdedefinitioner skrivs in utan en nyckel. I själva verket är det dock ganska enkelt att läsa en sådan syntax. Till exempel, här är syntaxen för värdet av egenskapen för marginal genväg:
[| | auto] {1, 4}
Och här är giltiga användningar av marginalegenskapen:
marginal: 0px; marginal: 1px 10%; marginal: 1px 0px auto; marginal: 1px 0px 1px 0px;
Även om du inte visste vad marginalegenskapen eller var och en av dessa exempel gör kan du räkna ut hur du läser syntaxdefinitionen bara genom att titta på definitionen och sedan undersöka exemplen.
Här är en snabb guide till läsning av CSS-värdedefinitionssyntax:
-
När ett sökord visas utan citat indikerar det att ordet ska användas som det är, till exempel i sökordet auto i exemplet ovan.
-
Grundläggande CSS datatyper visas mellan. Till exempel, och är grundläggande typer som definieras någon annanstans. När du ser en av dessa typer, vet du att något giltigt värde i den datatypen kan användas.
-
När du ser två ampersands tillsammans (&&) betyder det att värdena som är separerade av denna symbol är båda obligatoriska, men de kan visas i vilken ordning som helst.
-
Fästen ([]) gruppvärden tillsammans till en.
-
Värden separerade av || är valfria. Men en av dem måste visas, och de kan visas i vilken ordning som helst.
-
The | tecken betyder att alternativen är exklusiva - exakt en av dem måste visas.
-
Asterisken (*) indikerar att ett värde kan visas noll, en gång eller flera gånger.
-
Plussymbolen (+) betyder att ett värde kan visas en eller flera gånger.
-
Frågetecknet (?) Indikerar att ett värde är valfritt. Om det visas kan det bara visas en gång.
-
När du ser betyder det att ett värde med fast längd som 10px är tillåtet.
-
När du ser betyder det att ett procentvärde, till exempel 10 procent, är tillåtet.
-
När du ser siffror i parentes som {1, 4}, indikerar det att egenskapen måste visas det antal gånger som anges av det första numret. Det kan dock visas så många gånger som det andra numret anger. När det gäller {1, 4} måste egenskapen visas en gång men kan visas så många som fyra gånger.
-
Symbolen # indikerar att ett värde kan upprepas en eller flera gånger. Varje värde måste separeras med ett kommatecken.
