html & css

web 1.클라이언트(client): 브라우저, 정보를 요청함 1)브라우저 종류: 크롬, 익스플로, 웨일 ... 2)클라이언트 언어(프론트엔드): html, css, js, react ... 2.서버(server): 정보를 제공함

css의 형식 selector{속성:값;속성:값;} selector:태그,클래스,아이디 2.class 선언: .class 이름/적용: class="class 이름" 여러번 적용가능 3.id 선언: #id 이름/적용: id="id 이름" 한 번만 적용 가능

box 모델 1.block모델: 배치가 아래로 감 ex)div, p, h1-h6 ... 2.inline모델: 배치가 옆으로 감 ex)a, span 3.inline-block모델: line과 block의 속성을 모두 가짐 4.block- -> inline변경: di

1.동작에 반응하는 클래스a:link{}:하이퍼링크 걸렸을 때a:visited{}:클릭 한 후a:hover{}:마우스 올렸을 때a:active{}:마우스 클릭했을 때\*:focus :초점이 맞추어졋을 때 스타일 적용(input ...에 주로 적용)2.input에서 사용

1.px:데스크탑이나 모바일,노트북에서 동일한 포트크기 사용2.em:부모크기의 배수로 적용3.rem:브라우저의 기본크기의 배수로 적용(기본크기:16px)4.vw:브라우저의 가로너비에 영향(1vw=기본 화면 가로넓이의 1/100)ex)가로넓이가 1000이라면 1vw=10