Sådan formateres tekst i HTML-lister

HTML-lister er ekstremt tilpasselige med CSS. Mange en hjemmeside menu er drevet af omhyggeligt formaterede HTML-lister. Hvis du har nerve til at skumme Facebooks kildekode, kan du endda se, at de bruger uordnede HTML-lister til at stile navigationen. Der er to elementer til styling af tekst i en liste: basisliste-taggen ("
- ") og listen elementet tag ("
- "). Du kan også bruge en klasse eller en stil til at angive et enkelt eller sæt HTML-lister. Formatering af teksten kan håndteres på et hvilket som helst niveau der.
1.
Åbn din cascading stylesheet-fil - som bruger .css filtypenavn - i din foretrukne almindeligt tekstredigeringsprogram. Angiv enten "ul" (eller "ol", hvis du formaterer en ordnet liste) eller iden på dit listetag. For eksempel, hvis du formaterer "
- , "du ville starte med:
- Hvis du vil bruge listen som et vandret navigationselement, kan du bruge
- "display: inline" og "float: left;".
- Brug kun et almindeligt tekstredigeringsprogram, f.eks. Notepad, Notepad ++ eller TextWrangler, til at redigere HTML- og CSS-filer.
ul {}
2.
Tilføj tekstformatering sammen med enhver anden formatering for din uordnede liste. Hvis du f.eks. Vil gøre hele teksten til en uordnet liste 12pt og blå, kan det se sådan ud:
ul {font-size: 12pt; farve: # 8CCCC8; }
3.
Ændre listestil-typen - billedet eller symbolet i starten af hvert listeobjekt. W3Schools.com angiver mere end et dusin forskellige typer til listestilen. Hvis du ikke vil have noget i starten af listen, kan du bruge "listestil: none;", fx:
ul {font-size: 12pt; farve: # 8CCCC8; listestil: none; }
4.
Gem dit stylesheet og dokument, og test derefter listen i din browser.
Tips
Advarsel