기초 중국어 매뉴얼

읽다(19022) 업데이트 시간(2022-04-14)

"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