html #2

inline요소, block요소

inline 요소( 글자) 정렬 -> 부모의 의해서 정렬 (text-align:center)
block 요소 정렬 -> margin을 통해서 스스로 정렬

ID 선택자, 클래스 선택자

클래스와 id
id는 #으로 표시하고 클래스는 .으로 표시한다.
아이디가 클래스보다 우선 시 된다.

border-radius

모서리에 둥근 정도를 조절할 수 있다.

section{
text-align:center;
}

a{
color:inherit;
text-decoration:none;
}

section > nav{
background-color: #afafaf;
display:inline-block;
border-radius:10px;
padding: 0 15px;
}

section > nav > div {
display:inline-block;
}

section > nav > div > a{
padding:20px;
display:block;
font-weight: bold;
}

section > nav > div:hover > a{
background-color: #333;
color:#fff;
}

노말라이징