웹 브라우저가 스크립트를 해석하는 과정 <!DOCTYPE html > 을 보고 이 문서가 html 문서임을 인식하여 html 표준에 맞춰서 해석 시작 html 태그 사이의 순서와 포함관계 확인 head 태그 사이에 어떤 태그가 있는가? body 태그 사이에 어떤 태그가 있는가? 순서와 포함관계 확인. 태그분석 후 스타일 정보 분석 scrip
미디어 쿼리 속성반응형 웹 디자인에서 가장 기본적인 개념.사이트에 접속하는 장치에 따라 특정한 CSS 스타일을 적용. 형태 : @media [only|not] 미디어 유형 [and 조건] * [and 조건] 미디어 유형 종류 설명 all 모든 미디어 유형 print 인쇄 장치 screen PC 스크린 + 스마트폰 스크린 tv 음성
대부분의 태그는 숙지하고 있어야 겠지만 개발 시 기억이 안날 수 있으므로 정리 해 둔다. 폼 관련 태그 종류 설명 <form> 폼의 시작과 끝 <fieldset> 폼 요소를 그룹으로 묶음 <legend> 필드셋에 제목을 나타냄 <input> 사용자 입력 받을 필드를 삽입 <sele
You should be familiar with most of the properties, but keep them organized as they may not be remembered during development. Transition attribute Propeties Explanation Example transition-prope
You should be familiar with most of the properties, but keep them organized as they may not be remembered during development. Box Model Properties Propeties Explanation Example width Specify th
대부분의 태그는 숙지하고 있어야 겠지만 개발 시 기억이 안날 수 있으므로 정리 해 둔다. 텍스트 관련 태그 종류 설명 <hn> 제목을 나타냄 <p> 텍스트 단락. 내용이 길면 웹브라우저 창의 너비에 맞게 줄바꿈 <br> 줄바꿈. <blockquote> 내용 인용. 다른 내용보다 들여쓰고 단