《foundation開發(fā)手冊》是foundation官方最新的線上參考手冊。 foundation是一個免費的前端框架。在本foundation文件中，您將會學(xué)習(xí)使用foundation建立響應(yīng)式網(wǎng)頁。

Foundation 用於開發(fā)響應(yīng)式的 HTML, CSS and JavaScript 框架。 Foundation 是一個易用、強大且靈活的框架,用於構(gòu)建基於任何設(shè)備上的 Web 應(yīng)用。 Foundation 是一個以行動優(yōu)先的流行框架。

Foundation是國外最受歡迎的 HTML、CSS 和 JS 框架，用於開發(fā)響應(yīng)式佈局、行動裝置優(yōu)先的 WEB 專案。

提示：在您開始學(xué)習(xí)Foundation之前，您應(yīng)該先對HTML、CSS?、JavaScript?知識有基本的了解。

Foundation是一款開源的前端框架，我們可以用它快速建立頁面原型。相較於其他同類型工具，F(xiàn)oundation的行動化方案更加出色；借鑒響應(yīng)式web設(shè)計的思路和方法，F(xiàn)oundation對內(nèi)容結(jié)構(gòu)在不同類型設(shè)備中的呈現(xiàn)方式進行了相應(yīng)的預(yù)設(shè)。

下面讓我們感受下第一個Foundation實例！

第一個Foundation實例

<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>

提示：我們的Foundation教學(xué)將幫助您學(xué)習(xí)從初級到高級的Foundation知識。如果你有任何疑問，請前往PHP中文網(wǎng)Foundation社群提出你的問題，會有熱心網(wǎng)友為你解答。

Foundation讓前端開發(fā)更快速、更簡單。所有開發(fā)者、設(shè)計人員都能快速上手、所有設(shè)備都可以適應(yīng)、所有專案都適用。

• 響應(yīng)式網(wǎng)站

Foundation 可以幫助你快速建立響應(yīng)式網(wǎng)站，它為你提供了大量的HTML、CSS和JavaScript元件和功能;你也可以針對不同項目自訂擴充功能。

• 電子郵件

電子郵件框架可以存取任何第三方郵件平臺，可以幫助你更快速的建立回應(yīng)性的HTML郵件。

本Foundation教學(xué)手冊涵蓋的內(nèi)容

本Foundation教學(xué)涵蓋所有Foundation基礎(chǔ)和進階知識，包含了Foundation文字、Foundation表格、Foundation按鈕、Foundation圖示、Foundation標(biāo)籤、Foundation面板、 Foundation表單、Foundation模態(tài)框等等知識介紹。

提示：本教學(xué)的每一章都包含了許多Foundation實例，您可以直接點擊?"執(zhí)行實例"?按鈕線上查看結(jié)果。這些例子將幫助您更好地理解和運用Foundation。