CSS

CSS2 (Position & Flex)

box3 box1 box2 absolute는 static을 제외한 position 속성값을 가진 가장 가까운 부모의 박스 내를 기준으로 위치한다.부모가 없다면 html의 root 요소를 기준으로 삼는다 (html 태그)normal flow 상에서 absolute속성을 가진 element의 뒤에오는 요소는 absolute 요소의 앞 요소 뒤에 붙게된다.absolute = normal flow에서 벗어난 것이기 때문에 box1 box2 box3 3.4 position : fixed스크롤을 올리거나 내릴 때, 특정 박스가 고정되어 움직이지 않길 원한다면, fixed 속성을 이용현재 사용자가 보고있는 브라우저 화면(뷰포트)를 기준으로 마치 화면에 붙은 것처럼 한자리에 계속해서 위치한다.네비게이션 같은 중요한 정..

CSS1 (기초 & CSS Box Model)

1. 이 글자는 어떤 색일까요? 2. 배경색은 어떤 색일까요? /* 클래스 + 유형 선택자 */ .ul a { color: yellow; } /* 클래스 선택자 */ .click { color: green; background: black; } /* 유형 선택자 */ html body main section article div ul li p strong span a { background: purple; color: blue; }노란색검은색🤔클래스 + 유형은 11점이고, 클래스는 10점이고, 타입 선택자 12점이니, 1번의 답은 파란색, 2번의 답은 보라색이어야하는거 아닌가요? 아무리 구체적으로 작성하였다 하더라도! 가중치의 점수가 클래스선택자 > 유형 선택자 가중치 법칙을 이길 수는 없다!3. 중요성..