Obsah
Web dizajnéri používajú zoznamy „neusporiadaných“ alebo „záložiek“ viac ako len pridávanie záložiek a textu. Značka HTML použitá na vytvorenie neusporiadaných zoznamov je užitočná pri vytváraní ponúk a organizovaní obrázkov pre jazyk JavaScript na načítanie do prezentácie. Naučiť sa používať CSS (Cascading Style Sheet) spolu s týmito zoznamami otvorí mnoho možností web dizajnu. Zosúladenie neusporiadaných zoznamov je veľmi dôležité na zlepšenie.
inštrukcia
-
Otvorte súbor HTML, ktorý obsahuje neusporiadaný zoznam a prezrite si značky a , v hornej časti kódu. Pridať značky> a ak ešte nie sú prítomné. Ak kód obsahuje značku
- niekde za ním a obsahuje odkaz na súbor CSS, otvorte tento súbor. Váš kód CSS prejde medzi> a alebo v novom riadku súboru CSS.
-
Zarovnajte text v záložkách nastavením vlastnosti text-align vašej značky
- , To sa týka značiek
- a definovať ako súčasť jedného zoznamu. Keď zarovnáte text v značke
- , budú ovplyvnené všetky prvky v zozname, ale nie samotný zoznam vľavo alebo vpravo od stránky. Príklad použitia kódu CSS na nastavenie vlastnosti "text-align" použite "ul {text-align: right;}". Všimnite si, že značky sa nebudú pohybovať s textom. V tomto prípade budú na ľavej strane.
-
Zarovnajte celý zoznam na ľavej alebo pravej strane stránky nastavením vlastnosti "float" vašej značky
- , Táto vlastnosť ovplyvňuje celý zoznam presunutím na ľavej alebo pravej strane stránky. Napíšte kód "ul {float: right;}".
Túto vlastnosť môžete nastaviť doľava alebo doprava, ale nie do stredu.
-
Obálkujte svoje značky
- a vytvori »zábal, ktorý vycentruje zoznam na stránke. Kód bude vyzerať takto: "
- Prvok zoznamu
- Prvok zoznamu
Značka sama o sebe nezosúladí nič; mali by ste použiť CSS na vycentrovanie všetkého. Pridajte nasledujúci kód medzi značky> alebo vo vašom súbore CSS, aby sa zoznam vycentroval: "div {zobraziť: blok; zarovnanie textu: stred;} ul {zobraziť: inline-block; text-align: left;}".