CSS4 CSS3 부트스트랩 네이티브앱 웹앱 실행속도 빠름 일반적으로 느림 플랫폼 플랫폼마다 제작해야함 하나의 버전으로 모든 플랫폼에서 실행 가능 배포 앱 마켓을 통한 배포 필요 없음 버전 업데이트 시간이 걸림 즉시 반영 오프라인시 사용가능 약간의 기능만 사용가능 웹앱과 모바일웹은 다르다. 웹앱은 앱 안에 웹 뷰를 두는것을 말한다. 모바일웹은 핸드폰으로 보되 , 모바일에 맞춘 웹이다. 반응형 웹페이지 디자인 →포토폴리오 사용자의 환경을 읽어 적절하게 반응하는 페이지 (데스크탑, 태블릿, 모바일 width값에 따라서 CSS 코드를 따로작성해준다. ) 부트스트랩에서 만든 반응형 웹페이지 /* 미디어쿼리는 항상 작은 사이즈를 기준으로 만들자 */ /* 미디어 쿼리 적용 */ @media all and (min-width:320px){ #.. 2023. 5. 4. CSS 회원가입 창 만들기 회원정보입력 아이디 중복검사 패스워드 패스워드확인 이름 휴대폰 번호 이메일 생일 홈페이지 남성 여성 2023. 5. 3. CSS 레이아웃2 header nav content footer visibillity BOX 1 BOX 2 BOX 3 BOX 4 마우스를 올리세요 2023. 5. 3. CSS 레이아웃 230503 CSS 레이아웃 1. 레이아웃 웹의 레이아웃은 가구 배치와 비슷하다. 내가 위치를 결정한다. (↔ 안드로이드는 부모의 영향을 많이 받는다. ) 블록요소 : 가로가 매치이다. (블럭은 한줄에 하나씩만 놓여진다. ) 인라인요소 : 가로가 wrap사이즈이다.(사이즈변경불가) 공간에 여유가 있으면 한 줄에 여러가지 둘 수있다. 인라인 블럭요소도 갖고있다. display - hidden : 없어짐 display - none : 안드로이드 gone과 같은 의미. 요소의 위치 : 좌우상하의 좌표를 찍어서 위치를 결정 할 수도있다. 위치설정방법 정적위치설정 : 일반적인 배치 상대위치설정 : 원래 놓여지는 위치를 기준으로 좌우상하 움직이게한다. (안드로이드 렐러티브와 전혀상관없음) 절대위치설정 : 컨테이너가.. 2023. 5. 3. 이전 1 다음