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

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

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

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

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

下面讓我們感受下第一個(gè)Foundation實(shí)例！

第一個(gè)Foundation實(shí)例

<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í)從初級(jí)到高級(jí)的Foundation知識(shí)。如果你有任何疑問，請(qǐng)前往PHP中文網(wǎng)Foundation社群提出你的問題，會(huì)有熱心網(wǎng)友為你解答。

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

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

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

• 電子郵件

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

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

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

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