Icon, Link, List

◎ Icon

- inline element 사용: <i>, <span>

- <i>: italic체로 나타나고 주로 technical term, another language 등 나타낼 때 사용

- font awesome (fa): <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

- bootstrap icons: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

- google icons: <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

◎ Link

- state (link, visited > hover > active 순으로 CSS 작성)

- a:link > unvisited

- a:visited > has visited

- a:hover > mouse over

- a:active > moment it is clicked

◎ List 

- ul에 적용

- list-style-type: circle, disc, square, upper-roman, lower-alpha etc

- list-style-type: none > marker/bullets remove + padding, margin: 0

- list-style-image: url('double.png')

- list-style-position: inside, outside(default)

- short> list-style: type position image