05. position 프로퍼티의 이해

1. pisition 프로퍼티의 이해

1) position 프로퍼티의 정의

• position 프로퍼티 : 절대 위치 지정하기

• 다른 content와 함께 스크롤 되지 않고 특정 위치에 특정 content를 고정해서 보여주게끔 하는 프로퍼티
  
  

2) position 프로퍼티의 형식

• position: fixed;
  top: 50px;
  left: 400px;
  right: ;
  bottom: ;

(주로 top, bottom 중 하나, left, right 중 하나 이렇게 두개 조합으로 많이 사용)

3) position과 함께 사용되는 프로퍼티

• border-radius: 10px;
  -> 각의 둥글기 변경 가능

• border-bottom : 아랫줄 추가 프로퍼티
  *글자에 밑줄 : inline 태그 사용(span에 class 적용하여 밑줄긋기 가능)

• Beauty : 자동 indentation(들여쓰기) 확장 툴1
  (indentation 원하는 영역 선택 후 Ctrl + Shift + B(P))

• Prettier : indentation 돕는 확장 툴 2
  (입문자는 Beauty가 더 편함)