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:

      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

      • Hvis du vil bruge listen som et vandret navigationselement, kan du bruge
      • "display: inline" og "float: left;".

      Advarsel

      • Brug kun et almindeligt tekstredigeringsprogram, f.eks. Notepad, Notepad ++ eller TextWrangler, til at redigere HTML- og CSS-filer.

Populære Indlæg