Chinesisches Grundlagenhandbuch

Lesen（19624） 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 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.