[CSS] 기본 속성

CSS ??

- 웹의 디자인을 담당 하는 언어? 라고 해야 할지 HTML로 뼈대를 그리면 뼈대를 가꿔주는 그런 역할을 한다.

개인적으론 매우 어려워 하는편 ....😂

 

---

속성 ??

- css는 아주 여러가지 속성들이 존재한다. 하지만 이런 속성들을 외우려고 하면 안된다. 프로그래밍을 공부 할 때 가장

하면 안된다고 생각 하는 짓 === 암기하려고 하기 이다. 아하 이런 속성이 있구나 ! 할때에 정리 해놓는 공간으로 사용 할 예정 .

 

---

 

1. position

- static

position의 기본값. 원래있어야 할 위치에 배치 , 일반적인 글의 흐름을 따름.

- relative

원래 있어야할 위치에서 옮기는 것. 원래 있어야 할 위치에서 px로 옮길수있다.

- absolute

가장 가까운 포지셔닝이된 조상요소를 기준으로 위치를 잡는것. 포지셔닝이 됬다는 뜻은

가장 가까운 요소의 position값이 기본값인 static이 아니라 바뀐걸 말한다.

- fixed

브라우저 전체를 기준으로 포지션을 주는것. 똑같은 자리에 고정을 해놓는다.

스크롤을해도 고정되어있다.

- sticky

브라우저를 기준으로 px를 지정하면 그 위치에 도달했을때 fixed의 효과를 준다.