block : 가로 100% inline-block : 사이즈에 맞게 width : 100vw : 브라우저의 가로 100% height : 100vh : 브라우저의 세로 100% position: absolute : 레이어를 새로 그림 z-index 0; : 레이어의 우선 순위 ( 낮은 번호일수록 우선순위 높음) rgba(0, 0, 0, 0.5) : rgb 코드 3자 + 투명도 0.5 = 50%

DevTools (F12 or ctrl + shift + i ) > Network > Response 에서 확인 가능 Constructing HTML DOM Tree 태그의 내용들 , 등 load css, js CSS CSSOM Render Tree ​ Operating Layout 위치, 크기 지정 Paint Layer 그리기 Composition Layer 결합 ​ ​ 큰 분류로는 Constructing 과 Operating 으로 구분되어 분류되며 소분류로는 앞 순서로 갈수록 웹이 그려질 때 더 많은 과정이 소모된다. ​ CSS 영향도 사이트 https://csstriggers.com/ CSS Triggers @PROPERTY_DESCRIPTION@ B G W E Change from default ..