CSS 에서 특정 요소의 위치를 지정하는 속성으로 position 속성이 있다. position 속성에는 static, absolute, fixed, relative 가 있다. 1) static (사람화) position 을 아무것도 지정하지 않으면 사용되는 기본 값이다. 기본 값이기 때문에 보통의 경우 잘 쓰이지 않는 값이다. 2) absolute ( 유령화,유령의 집화 ) 엘리먼트를 자유로운 유령으로 만드는 것! position 을 absolute 로 지정하는 것은 fixed 와 비슷하지만 다르다. fixed 는 사용자의 브라우저를 기준으로 위치를 고정시키는 것이지만, absolute 는 해당 요소의 위치가 지정된 부모 요소를 기준으로해서 fixed 시키는 것과 같다. 위치가 지정된 부모요소라는 것은..

노말라이즈란 ? → 글자 그대로 element를 평범하게 만들어주는 과정. 노말라이즈는 웹 디자이너가 가장 먼저 해주어야 하는 과정이다. 노말라이즈에는 'a 노말라이즈'와 'body 노말라이즈'가 있다. 1) a 노말라이즈 : 이 세상에 모든 a element를 평범하게 만드는 것. a 태그를 사용하면 기본적으로 파란색글씨와 함께 밑줄 처리가 되어 나오게 되어있다. 하지만 우리는 이런 친절한(?) 기본 설정이 필요가 없기때문에 a의 기본값을 평범하게 만들어 주어야한다. a { color:inherit; ▶ inherit은 상속받다 라는 뜻으로 말그대로 color를 부모로부터 상속받겠다는 뜻. text-decoration:none; ▶text에 기본적으로 꾸며져 있는 밑줄이나 어떤것도 사용하지 않겠다는 뜻..

나를 감싸는 엘리먼트를 '부모 엘리먼트' 내가 감싸고 있는 엘리먼트를 '자식 엘리먼트' 같은 부모 안에 있는 엘리먼트를 '형제 엘리먼트' 라고 한다. 1) 부모 & 자식 엘리먼트 예시 ] 이 때 div는 nav를 감싸고 있으므로 부모 엘리먼트, nav는 div라는 부모 안에 감싸져 있으므로 자식 엘리먼트라고 한다. 2) 형제 엘리먼트 예시 ] 1 2 이 때 nav1과 nav2는 div라는 한 부모 안에 있는 엘리먼트 이므로 형제 엘리먼트라고 한다. * CSS에서는 이러한 관계를 이용하여 자식을 선택할 수 있다. 예시1 ] 이러한 HTML이 있다면, div > nav 이런 식으로 꺽쇠(>)를 사용해 자식을 선택 할 수 있는데, 이 때 선택자가 길수록 우선순위가 높다!

display 의 속성에는 inline, inline-block, block, none 네 가지의 종류가 있다. 1) inline : 너비를 최소한으로 줄여준다.(공간을 최소화) 한 줄에 여러개가 나오게 해준다. 부모에게 text-align을 쓰면 정렬할 수 있다. element를 글자화한다. *하지만 inline을 쓰면 padding, margin, width, height가 적용되지 않는다. 2) inline-block : 기본적으로 inline과 속성이 유사하다. (공간을 최소화, 한 줄에 여러개가 나옴, element를 글자화한다. ) inline-block을 쓰면 padding, margin, width, height가 적용된다. 3) block : block은 말 그대로 element를 블럭화..