WebProgramming [dg_ai_school] 웹프로그래밍 6 Z태그 HTML CSS y축 정렬 HTML CSS ***공간을 만드는 태그들은 전부다 블록요소의 성격, 줄바뀜 후 y축 정렬 HTML CSS 플롯은 레이아웃이 틀어짐 body 태그는 브라우저(고정 값이 아님) 부모의 크기가 가변값이 아닌 고정값이어야 안틀어짐. section으로 고정해야 안 틀어짐(가변값일 때(%)는 section 안에 넣을 필요가 없음) 자식의 높이값이 부모의 높이에 영향을... WebProgramming대구AI스쿨WebProgramming [dg_ai_school] 웹프로그래밍 10 미디어쿼리 HTML CSS 반복적인 기본양식, 연결이 잘 되어있는지 확인 CSS 320px~768px미만 : 스마트폰 768px~1024px미만 : 태블릿 1024px 이상 ~ : PC 사용자가 접속한 기기의 값을 기준으로 어떤 기기인지 알아냄 미디어 쿼리로 알아냄 브라우저 폭 미디어 쿼리 안쪽에서 적용, 기준점에서 크기가 변경되면서 바뀜 PC버전, 모바일 버전 으로 변경 *** 미디어쿼리 ... 대구AI스쿨WebProgrammingWebProgramming
[dg_ai_school] 웹프로그래밍 6 Z태그 HTML CSS y축 정렬 HTML CSS ***공간을 만드는 태그들은 전부다 블록요소의 성격, 줄바뀜 후 y축 정렬 HTML CSS 플롯은 레이아웃이 틀어짐 body 태그는 브라우저(고정 값이 아님) 부모의 크기가 가변값이 아닌 고정값이어야 안틀어짐. section으로 고정해야 안 틀어짐(가변값일 때(%)는 section 안에 넣을 필요가 없음) 자식의 높이값이 부모의 높이에 영향을... WebProgramming대구AI스쿨WebProgramming [dg_ai_school] 웹프로그래밍 10 미디어쿼리 HTML CSS 반복적인 기본양식, 연결이 잘 되어있는지 확인 CSS 320px~768px미만 : 스마트폰 768px~1024px미만 : 태블릿 1024px 이상 ~ : PC 사용자가 접속한 기기의 값을 기준으로 어떤 기기인지 알아냄 미디어 쿼리로 알아냄 브라우저 폭 미디어 쿼리 안쪽에서 적용, 기준점에서 크기가 변경되면서 바뀜 PC버전, 모바일 버전 으로 변경 *** 미디어쿼리 ... 대구AI스쿨WebProgrammingWebProgramming