"Foundation Development Manual"은 Foundation의 최신 공식 온라인 참조 매뉴얼입니다. Foundation은 무료 프론트엔드 프레임워크입니다. 이 기초 문서에서는 기초를 사용하여 반응형 웹 페이지를 만드는 방법을 배웁니다.
Foundation은 반응형 HTML, CSS 및 JavaScript 프레임워크를 개발하는 데 사용됩니다. Foundation은 모든 장치에서 웹 애플리케이션을 구축하기 위한 사용하기 쉽고 강력하며 유연한 프레임워크입니다. Foundation은 널리 사용되는 모바일 우선 프레임워크입니다.
Foundation은 반응형 레이아웃 및 모바일 장치 우선 웹 프로젝트를 개발하는 데 사용되는 해외에서 가장 인기 있는 HTML, CSS 및 JS 프레임워크입니다.
팁: Foundation 학습을 시작하기 전에 HTML, CSS , JavaScript 에 대한 기본적인 이해가 있어야 합니다.
Foundation은 페이지 프로토타입을 빠르게 만드는 데 사용할 수 있는 오픈 소스 프런트 엔드 프레임워크입니다. 동일한 유형의 다른 도구와 비교할 때 Foundation의 모바일 솔루션은 반응형 웹 디자인의 아이디어와 방법을 활용하는 것이 더 좋습니다. Foundation은 다양한 유형의 장치에서 콘텐츠 구조를 표시하기 위한 해당 사전 설정을 가지고 있습니다.
첫 번째 재단 인스턴스를 경험해 보세요!
첫 번째 파운데이션 인스턴스
Instance
<div class="row"> <div class="medium-12 columns"> <div class="panel"> <h1>Foundation Page</h1> <p>Resize this responsive page to see the effect!</p> <button type="button" class="button small" >I Like It!</button> </div> </div> </div> <div class="row"> <div class="medium-4 columns"> <h3>Column 1</h3> <p>Lorem ipsum..</p> </div> <div class="medium-4 columns"> <h3>Column 2</h3> <p>Lorem ipsum..</p> </div> <div class="medium-4 columns"> <h3>Column 3</h3> <p>Lorem ipsum..</p> </div> </div>
인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
팁: 저희 파운데이션 튜토리얼은 초보자부터 고급 기초 지식. 궁금하신 점은 PHP 중국어 홈페이지Foundation Community에 접속하셔서 질문해주시면 열성적인 네티즌들이 답변해드리겠습니다.
Foundation을 사용하면 프런트엔드 개발을 더 빠르고 쉽게 할 수 있습니다. 모든 개발자와 디자이너가 빠르게 시작할 수 있고, 모든 장치를 조정할 수 있으며, 모든 프로젝트에 적용할 수 있습니다.
반응형 웹사이트
Foundation은 다양한 HTML, CSS 및 JavaScript 구성 요소와 기능을 제공하며 다양한 프로젝트에 맞게 확장된 기능을 사용자 정의할 수도 있습니다.
Email
이메일 프레임워크는 모든 타사 이메일 플랫폼에 연결될 수 있으며 반응형 HTML 이메일을 더 빠르게 생성하는 데 도움이 될 수 있습니다.
이 Foundation 튜토리얼 매뉴얼에서 다루는 내용
이 Foundation 튜토리얼은 Foundation 텍스트, Foundation 테이블, Foundation 버튼, Foundation 아이콘, Foundation 레이블, Foundation 패널, Foundation 양식, Foundation 모달 상자 등을 포함한 모든 Foundation 기본 및 고급 지식을 다룹니다. 지식소개를 기다립니다.
팁: 이 튜토리얼의 각 장에는 많은 기초 예제가 포함되어 있습니다. "예제 실행" 버튼을 직접 클릭하면 결과를 온라인으로 볼 수 있습니다. 이러한 예는 Foundation을 더 잘 이해하고 사용하는 데 도움이 됩니다.
최신 장
- Foundation 均衡器 2016-10-19
- Foundation Joyride 2016-10-19
- Foundation 模态框 2016-10-19
- Foundation 提示框 2016-10-19
- Foundation 滑块 2016-10-19
- Foundation 开关 2016-10-19
- Foundation 输入框尺寸 2016-10-19
- Foundation 表单 2016-10-19
관련 강좌
- 웹 프론트 엔드 개발에 대한 빠른 소개 2021-12-10
- 당신을 가장 잘 이해하는 프론트엔드 강좌: HTML5/CSS3/ES6/NPM/Vue/...[원본] 2022-09-30
- Gulp 시작하기 비디오 튜토리얼 2022-04-18
- 전우 Gao Luofeng CSS3 비디오 튜토리얼 2022-04-20
- AngularJS 개발 웹 애플리케이션 기본 예제 비디오 튜토리얼 2022-04-18
- Ajax 전체 접촉 2022-04-13
- MUI 프레임워크 기본 비디오 튜토리얼 2022-04-13
- 온라인 교육 수업 체험 수업 2019-01-10