Table
< tr > 하나의 행을 묶어줌 < /tr >
< td > 한칸의 내용을 작성 < /td >
colspan : 가로 병합
rowspan : 세로 병합
Position :어느 위치에나 요소를 그릴수 있게함
- position: static 기본값
- position: relative;
: top, right, bottom, left 와 함께 사용 (부모태그 안에서 이동)- position: absolute; 공중부양
:부모 태그가 static(기본값)이면, 부모를 무시
그 외의 값일때는, 부모안에서 놂.- position: fixed; 고정
Responsive Web(반응형 웹)
반응형 웹이란, 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하는 웹 페이지를 의미합니다. 오늘날에는 IT 기기의 종류가 더욱 다양해짐에 따라 디스플레이의 크기에 맞게 유동적으로 반응하는 반응형 웹을 구현하는 것이 더욱 중요해졌습니다.
Media Query
media query란 Responsive Web 을 구현하는 CSS technique 입니다. 특정 조건에서는 어떤 CSS 를 적용 하라는 규칙을 줄 수 있습니다. CSS에 @media 라는 문법으로 작성하게 됩니다. 아래의 css는 480px보다 작은 화면에서 body 태그 내의 font 크기를 전부 12px로 바꾸는 것입니다.
