So verwenden Sie das CSS-Framework

Schritte zur Verwendung des CSS-Frameworks: 1. Meta festlegen; 2. Referenzieren Sie das Basis-CSS, bevor Sie den CSS-Framework-Code zitieren; 3. Referenzieren Sie das Haupt-CSS im CSS-Framework;

CSS-Frameworks sind vorgefertigte Software-Frameworks, die ein einfacheres, standardkonformeres Webdesign mithilfe der Cascading Style Sheets-Sprache ermöglichen. Die meisten dieser Frameworks enthalten mindestens ein Rasterdesign.

Schritte zur Verwendung des CSS-Frameworks:

1.

2. Verweisen Sie auf das grundlegende CSS, bevor Sie den CSS-Framework-Code zitieren.

3. Referenz-CSS-Framework-Haupt-CSS.

4. Zitieren Sie das Framework-CSS, das Sie benötigen.

Nehmen Sie Pure als Beispiel, um die Verwendung des CSS-Frameworks zu veranschaulichen:

Schritt eins:

Meta festlegen

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0;
 maximum-scale=1.0; user-scalable=0;" />

Schritt zwei:

Zitieren Sie grundlegendes CSS, das heißt, der gesamte Code, der auf Pure verweist, muss eingeführt werden A css

<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/base-min.css">

Der dritte Schritt:

Zitieren Sie das Haupt-CSS von Pure.

<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/pure-min.css">

Der vierte Schritt:

Stellen Sie das reine CSS vor, das Sie benötigen. Hier fangen wir gerade erst an, über responsives Layout zu sprechen:

<!--[if lte IE 8]>
<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/grids-responsive-old-ie-min.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css">
<!--<![endif]-->

Empfohlenes Lernen: css Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das CSS-Framework. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!