Izmantojiet CSS kodu, lai izlīdzinātu sarakstus ar aizzīmēm HTML.
Tīmekļa dizaineri izmanto aizzīmju sarakstus ne tikai aizzīmju un teksta pievienošanai. HTML tags, ko izmanto aizzīmju sarakstu izveidei, ir ērts, lai izveidotu izvēlnes vai sakārtotu attēlus JavaScript ielādei slaidrādē. Mācīšanās izmantot kaskādes stila lapas kodu kopā ar aizzīmju sarakstiem, ko HTML slengā sauc par "nesakārtotiem sarakstiem", pavērs vairākas aizraujošas tīmekļa dizaina iespējas.
1. darbība
Atveriet savu HTML failu, kurā ir saraksts ar aizzīmēm, un skatieties starp tagiem un koda augšdaļā. Pievienojiet atzīmes, ja tās vēl nav. Ja jūsu kods ietver a tagu kaut kur aiz atzīmes, un tas satur atsauci uz CSS failu, pēc tam atveriet šo failu. Jūsu CSS kods tiek ievietots starp tagiem vai jaunā CSS faila rindā.
Dienas video
2. darbība
Izlīdziniet tekstu visās aizzīmēs, iestatot teksta līdzināšanu
- tagu. The
- un tagus, lai definētu tos kā daļu no viena saraksta. Kad jūs līdzināt tekstu
- tagu aptin apkārt
- tagu, līdzinājums ietekmē tekstu katrā aizzīmē, bet nelīdzina pašu sarakstu lapas kreisajā vai labajā pusē. Šeit ir CSS koda piemērs, lai iestatītu teksta līdzināšanu:
ul {text-align: right;}
Ņemiet vērā, ka aizzīmes nepārvietojas kopā ar tekstu. Lodes šajā gadījumā paliek pa kreisi.
3. darbība
Izlīdziniet visu sarakstu pa kreisi vai pa labi no lapas, iestatot "pludināšanu".
- tagu. Kad "pludiņš" ir iestatīts pa kreisi vai pa labi uz a
- tagu, tas pārvieto visu sarakstu ar aizzīmēm pa kreisi vai pa labi no lapas. Iestatiet pludiņu šādi:
ul {peld: pa labi;}
Jūs varat iestatīt "pludināšanu" pa kreisi vai pa labi, bet ne uz centru.
4. darbība
Aptiniet savu
- atzīmes iekšā
un
tagus, lai izveidotu iesaiņojumu, kas centrēs sarakstu ar aizzīmēm jūsu lapā. Jūsu iegūtais kods izskatīsies šādi:- Saraksta vienums
- Saraksta vienums
The
tags neko necentrē pats par sevi; jums ir jāizmanto CSS, lai visu centrētu. Pievienojiet tālāk norādīto kodu starp jūsu
