Chinesisches Grundlagenhandbuch

Lesen(19008) Updatezeit(2022-04-14)

„Foundation Development Manual“ ist das neueste offizielle Online-Referenzhandbuch der Foundation. Foundation ist ein kostenloses Front-End-Framework. In diesem Foundation-Dokument erfahren Sie, wie Sie mit Foundation responsive Webseiten erstellen.


Foundation wird zur Entwicklung responsiver HTML-, CSS- und JavaScript-Frameworks verwendet. Foundation ist ein benutzerfreundliches, leistungsstarkes und flexibles Framework zum Erstellen von Webanwendungen auf jedem Gerät. Foundation ist ein beliebtes Mobile-First-Framework.

Foundation ist das beliebteste HTML-, CSS- und JS-Framework im Ausland, das für die Entwicklung von responsiven Layouts und mobilen Device-First-WEB-Projekten verwendet wird.

Tipp: Bevor Sie mit dem Erlernen von Foundation beginnen, sollten Sie mit HTML, CSS , JavaScript <🎜 vertraut sein > Wissen hat ein Grundverständnis.

Foundation ist ein Open-Source-Frontend-Framework, mit dem wir schnell Seitenprototypen erstellen können. Im Vergleich zu anderen Tools der gleichen Art sind die mobilen Lösungen von Foundation besser; sie basieren auf den Ideen und Methoden des responsiven Webdesigns und verfügen über entsprechende Voreinstellungen für die Darstellung von Inhaltsstrukturen auf verschiedenen Gerätetypen.

Lassen Sie uns die erste Foundation-Instanz erleben!

Die erste Foundation-Instanz

Instanz

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

Instanz ausführen»Klicken Sie auf „Instanz ausführen“ " Schaltfläche zum Anzeigen von Online-Beispielen

Tipps: Unsere Foundation-Tutorials helfen Ihnen, Foundation-Wissen vom Anfänger bis zum Fortgeschrittenen zu erlernen. Wenn Sie Fragen haben, besuchen Sie bitte die PHP Chinese-Website Foundation Community, um Ihre Fragen zu stellen, und begeisterte Internetnutzer werden sie für Sie beantworten.

Foundation macht die Front-End-Entwicklung schneller und einfacher. Alle Entwickler und Designer können schnell loslegen, alle Geräte können angepasst werden und alle Projekte sind anwendbar.

  • Responsive Website

Foundation kann Ihnen dabei helfen, schnell eine responsive Website zu erstellen, es stellt Ihnen eine große Anzahl von HTML-, CSS- und JavaScript-Komponenten zur Verfügung und Funktionen; Sie können auch erweiterte Funktionen für verschiedene Projekte anpassen.

  • E-Mail

Das E-Mail-Framework kann mit jeder E-Mail-Plattform eines Drittanbieters verbunden werden und kann Ihnen dabei helfen, reaktionsfähige HTML-E-Mails schneller zu erstellen.

Inhalt, der in diesem Foundation-Tutorial-Handbuch behandelt wird

Dieses Foundation-Tutorial deckt alle grundlegenden und fortgeschrittenen Foundation-Kenntnisse ab, einschließlich Foundation-Text, Foundation-Tabelle, Foundation-Schaltfläche, Foundation-Symbol, Foundation-Beschriftung, Foundation-Bedienfeld und Einführung Kenntnisse über Foundation-Formulare, Foundation-Modalboxen usw.

Tipps: Jedes Kapitel dieses Tutorials enthält viele Foundation-Beispiele. Sie können direkt auf die Schaltfläche „Beispiel ausführen“ klicken, um die Ergebnisse online anzuzeigen. Diese Beispiele helfen Ihnen, Foundation besser zu verstehen und zu verwenden.

Neuestes Kapitel


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