개발기록장

position은 HTML 태그의 위치를 조정할 수 있는 속성이다. position 속성 값으로 올 수 있는 것은 5가지가 있다. static relative absolute fixed sticky 1. static static은 기본값으로 position을 지정하지 않을 때와 같다. static은 html에 정의된 순서대로 브라우저상에서 자연스럽게 보여지게 된다. static을 주면 top, right, bottom, left 속성은 무시된다. 2. relative relative은 static일 때를 기준으로 위치를 조정할 수 있게 한다. top, right, bottom, left 속성을 통해서 요소를 움직일 수 있는데 static일 때를 기준으로 top은 위에서 얼마큼 떨어져 있는지, right는..

CSS는 한 테그에 스타일이 중복되게 설정될 수 있는데, 이때 selector가 무엇인지에 따라 특정도(specify)값을 계산하여 값이 높은 순서대로 우선순위가 적용된다. 우선순위는 아래와 같다. 1. 속성 값으로 !important가 들어간 경우 (가장 우선시 됨) #important_style { color: white !important; } 2. html 태그에 inline으로 직접 style 속성을 적용하는 경우 (1000점) inline으로 style속성 지정 3. selector가 #id인 경우 (100점) #id_style { color: red; } 4. selector가 .class이거나 :pseudo (=가상클래스)인 경우 (10점) .class_style { color: black..