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

Foundation 用于開(kāi)發(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 框架，用于開(kāi)發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的 WEB 項(xiàng)目。

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

Foundation是一款開(kāi)源的前端框架，我們可以使用它快速創(chuàng)建頁(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é)習(xí)從初級(jí)到高級(jí)的Foundation知識(shí)。如果你有任何疑問(wèn)，請(qǐng)前往PHP中文網(wǎng)Foundation社區(qū)提出你的問(wèn)題，會(huì)有熱心網(wǎng)友為你解答。

Foundation讓前端開(kāi)發(fā)更快速、簡(jiǎn)單。所有開(kāi)發(fā)者、設(shè)計(jì)人員都能快速上手、所有設(shè)備都可以適配、所有項(xiàng)目都適用。

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

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

• 電子郵件

電子郵件框架可以接入任何第三方郵件平臺(tái)，可以幫助你更加快速的創(chuàng)建響應(yīng)性的HTML郵件。

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

本Foundation教程涵蓋所有Foundation基礎(chǔ)和高級(jí)知識(shí)，包含了Foundation文本、Foundation表格、Foundation按鈕、Foundation圖標(biāo)、Foundation標(biāo)簽、Foundation面板、Foundation表單、Foundation模態(tài)框等等知識(shí)介紹。

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