HTML/CSS

반응형 웹 기본 개념

반응형 웹 은 왜 사용 할까? 바로 모든 기기에서 최적화된 웹사이트를 사용할 수 있기 때문 ! 핵심 기술 가변 그리드 : 폭에 따라 유동적으로 줄이거나 늘릴 수 있도록 픽셀 px 대신 퍼센트 %로 웹을 제작하는 기술 미디어 쿼리 : 화면의 크기와 환경을 감지하여 웹사이트를 변경하는 기술 뷰 포트 : 화면을 제어하는 기술, 미디어 쿼리로 기기의 화면 크기 감지 시 필요한 기술 플렉서블 박스 : 가변적인 박스를 만드는 기술인 동시에 웹사이트의 구조설계를 위한 새로운 기술

CSS 명령어

기본 주석 처리 : ctrl + / 선택자 > - 자식 선택자로 하위 태그를 지정 display: block; - 블록으로 변환하면 너비와 높이를 지정 할 수 있다. (inline은 지정 x) !important - 속성을 고정시키는 단어 태그 target 속성 - "_self" -현재 원도우에서 오픈 , "_blank" - 새로운 윈도우 에서 오픈 inline-block 프로퍼티 요소를 연속 사용하는 경우 공백이 자동으로 지정 -> font-size :0; 설정 단위 공간 단위 % - 부모 대비 비율 em - 상대 단위 1em= 지정된 사이즈, 중첩 시 em의 기준이 상속 rem - 최상위 요소의 사이즈를 기준 auto - 자동으로 크기에 맞게 계산 vw,vh - 브라우저 창의 해상도 비율 opacit..