profile
개발자지망생
post-thumbnail

반응형 웹페이지(9): 실전(1)준비

메인페이지( index.html ) 서브 페이지 reset.css반응형 웹을 제작시 주의사항 모바일용 미디어 쿼리는 별도로 작성하지 않은 상태로 모바일용에 적용될 구조 css 코드와 모든 해상도에서 공통적으로 적용될 css코드를 함께 작성 기기별로 구분 주석문을 작성

2021년 7월 21일
·
0개의 댓글

반응형 웹페이지(5):

소개 디바이스의 화면 너비를 조정해 준다 코드사용되는 속성=값 키 widthwidth=device-width : (기본값)문서 너비를 현재 기기의 너비에 맞춤 heightheight=device-height : (기본값)문서 너비를 현재 기기의 높이에 맞춤 initia

2021년 7월 8일
·
0개의 댓글

반응형 웹페이지(4): 타이포그래피

타이포그래피 웹 폰트를 사용 배경색상과 텍스트의 대비 체크 : 색상 대비 알아보기빅 타이포그래피 예시: 디자이너 포트폴리오 사이트 (http://www.monsieurcaillou.com/\* 글꼴은 두 개 이하만 사용하기 조화 살피기 가독성 필수 웹 폰트

2021년 7월 7일
·
0개의 댓글
post-thumbnail

반응형 웹페이지(1): 기초 기술

소개 방법: px 를 %로 바꾼다효과: 화면 크기에 따라 크기(길이)가 달라진다. 기존 코드개선된 코드가변 그리드 공식공식: 도해적용소개효과: 스마트 기기의 보이는 영역을 기기의 실제 화면 크기로 변경효과2: 미디어쿼리가 화면 크기를 정확하게 감지하게 됨 방법: he

2021년 7월 7일
·
0개의 댓글