codeGray

position - static 별도로 position : static 이라고 정의해주지 않아도 된다. HTML 원래 있어야 하는 기본 위치에 배치된다. static 일 경우 top left bottm right 속성값은 무시된다. See the Pen Untitled by code_gray (@code_gray) on CodePen. 위의 코드 내용을 보면 1번 3번에는 명시적으로 posiotion : static 을 해주었고 2번 4번에는 하지 않았다. 4번에는 top 과 left를 주었지만 static 이라 반영되지 않는다. position - relative 원래 위치를 기준으로 상대적으로 배치한다. ( 원래의 위치는 static 일때의 위치 ) tom bottom left right 속성 사용 ..

CSS 선택자 css는 선택자와 선언으로 이루어진다. 예를 들면 p 태그의 글자색을 빨간색으로 한다 라는 css 를 작성하면 p { color : red } 이런 식이다. 여기서 p는 선택자이고 나머지는 선언이다. 선택자는 여러가지가 존재하는데 우선 기본적인 것만 정리한다. 1. 전체선택자 전체 선택자는 HTML 내부의 모든 요소에 css를 적용한다. * { color : red } 2. 태그선택자 태그 선택자는 HTML 내부의 내가 정의한 태그만 css를 적용한다. p { color : red } div { color : red } 3. 클래스선택자 클래스 선택자는 HTML 내부의 내가 정의한 클래스만 css를 적용한다. 클래스 명은 자신이 임의로 정한다. .container { color : red ..