lists and navigation Flashcards
unordered list tags
<ul> and <li>
</li></ul>
ordered list tags
<ol> and <li>
</li></ol>
<ul>
</ul>
container/parent for unordered list
<li>
</li>
individual list item within container/parent ul
how to create nav bar with ul and li
<nav>
<ul>
<li><a>name</a><li>
<li><a>name</a><li>
</ul>
</nav>
</li></li></li></li></ul></nav>
how to style nav bar
styling goes on with a (text, font etc)
positioning of a is through styling ul and li
style interactions
a:hover
a:focus
list-style-type
changes the type of bullet point
how to create and style ordered list with different letters/numbers
<ol>
<li>first</li>
<li>second</li>
</ol>
.name {
list-style-type: decimal;
}
list-style-type types
decimal: numbers
upper-alpha: upper case
lower-roman: lower case roman numerals