HTML_CSS17 CSS - 반응형 웹 시간이 지나 갈 수록 다양한 기기에서 웹에 접속하는 빈도가 많아졌습니다. 그렇다보니 휴대폰과 테플릿 등과 같은 화면에도 가독성을 신경 써서 만드는 것을 반응형 웹이라고 합니다. 반응형 웹이란 접속하는 장비의 해상도의 따라 CSS를 다르게 보여주는 것입니다. 반응형 웹은 미디어쿼리를 이용하여 만들 수 있습니다. 아래는 기본적인 미디어쿼리 예제입니다. viewport는 필수로 입력해야 하는 값입니다. sample 2020. 6. 2. Bootstrap - form Style 기본적인 입력 form을 받는 샘플입니다. ID 필수 입력값입니다 Password 필수 입력값입니다 name Gender male female 2020. 5. 31. bootstrap - Grid System Grid 시스템 웹 제작을 진행 할 때 기준선을 기준으로 콘텐츠를 배치시키는 방법을 뜻함 그리드 시스템 을 사용하면 손쉽게 레이아웃을 구성하고 반응형 웹을 만들 수 있음 부트스트랩은 하나의 행에 12개의 열을 넣을 수 있습니다 기본적으로 그리드를 배치하는 방법에 대해 알아보겠습니다. 기본적으로 css를 어느정도 알고 있다고 판단하고 코드와 함께 설명만 첨부하겠습니다. 12개중 4칸 12개중 4칸 12개중 2칸 12개중 6칸 12개중 6칸 12칸중 6칸의 4칸 12칸중 6칸의 8칸 12개중 6칸 12개중 2칸 justify 12개중 4칸 justify 12개중 2칸 justify 12개중 2칸 align 12개중 4칸 align 12개중 2칸 align 12개중 2칸 margin 12개중 2칸 12개중 2.. 2020. 5. 30. Bootstrap (1) _소개 및 설치 부트스트랩이란? 트위터의 개발자가 만든 모바일 중심의 UI 프레임워크로 오픈소스로 공개되었기에 저작권 걱정 없이 사용할 수 있음 개요 웹페이지의 다양한 구성요소들을 미리 만들어 놓고 쉽고 빠르게 만들기 위함 미리 정의해 놓은 구성요소들을 사용하다보니 부트스트랩 기반 웹사이트들은 비슷한 느낌이 들음 설치 1. https://getbootstrap.com/ 공식 사이트로 접속 2. CDN 복사 3. HTML에서 HEAD에 붙여넣기 2020. 5. 30. 이전 1 2 3 4 5 다음
