기본 CSS 지식 1

1. inline 요소들은 높이와 너비를 갖지 않는다.

div {
	display: inline;
  	width: 500px;
  	hieght: 500px;
    }

이렇게 코드를 짜도 아무것도 화면에 뜨지 않으리...!

2. 브라우저는 기본적으로 body에 marign을 주게 되어있다. (크롬 기준)

3. position들의 차이

div {
	position: static; // 기본
   	position: relative; // 조금만 기본 위치에서 움직일 때
   	position: relative;
    }

• relative:
  만일, static의 위치에서 조금만 움직이고 싶다면 top, bottom, left, right에 일정 값을 부여해주면 된다.
  (top: -10px을 주면 위로 10px 올라간다)

• absolute:
  가장 가까운 relative 부모 기준으로 옮긴다.

4. pseudo selectors:
   다양한 형태로 선택자로 지정해줄 수 있다.
   대표적인 예로.

 div:first-child {
  어쩌구
  }
 div:last-child {
 어쩌구
 }
span:nth-child(even) { //홀수만 색 넣기
background-color: teal;
}