Das Verfahren für die Erstellung von Cascading Style Sheets für Web-Seiten sollen auf Smartphones und anderen mobilen Geräten betrachtet werden ist es nicht anders aus , wie würden Sie CSS für Webseiten auf PCs angezeigt erstellen. Stile können zur
eines HTML-Dokuments hinzugefügt werden, oder Sie können eine externe CSS -Datei zu erstellen und importieren Sie sie in den
Abschnitt des Dokuments . Things You
Text -Editor oder HTML-Editor installiert
anzeigen Weitere Anweisungen
hinzufügen CSS -Code , um die HTML-Datei
1
Öffnen Sie eine neue HTML-Datei in brauchen Ihrem bevorzugten Text- oder HTML-Editor. Kopieren und fügen Sie diesen Code in das Dokument :
Page Titel < /head>
2
Klicken Sie auf die leere Zeile unterhalb der < ; title> -Tags und geben ein Paar von Stil-Tags wie folgt:
Page Titel 4
weiter tippen, CSS-Definitionen bis Ihr Web Seite wird zu Ihrer Zufriedenheit gestaltet.
5
erstellen Sie die Inhalte Ihrer Web -Seite zwischen dem Öffnen und Schließen
. Übernehmen Sie die CSS-Regeln auf den Inhalt wie gewünscht .
6
Speichern Sie die HTML -Datei mit einer . " Html" -Erweiterung.
Erstellen eines externen CSS -Datei
Seite 7
Öffnen Sie eine neue HTML -Datei in Ihrem bevorzugten Text-oder HTML-Editor. Kopieren und fügen Sie diesen Code in das Dokument :
Page Titel < /head>
8
Klicken Sie auf die leere Zeile unmittelbar nach die
tag set und geben Sie den folgenden Code, der Ihre " style.css " Datei importieren wird : <br> <p> <link href = " style.css " rel = " stylesheet" type = "text /css" > <br> <p> Dieser Code importiert die externen Stylesheets , die verwendet werden , um die verschiedenen Elemente Ihrer Web -Seite formatieren werden . <br> 9 <p> Öffnen Sie eine neue Datei in Ihre Text-oder HTML-Editor und geben Sie den folgenden Code in der ersten Zeile : <br> <p> @ charset " UTF- 8"; <br> <p> Dieser Code teilt dem Browser ist dies eine CSS-Datei <br> . <br> 10 <p> Geben Sie einen beliebigen CSS- Definitionen, die Sie zu Ihrem HTML-Dokument anwenden möchten. Zum Beispiel könnte der Körper Stil etwa wie folgt aussehen : <br> <p> @ charset " UTF- 8"; <br> <p> body {font -family: . Arial, Helvetica , sans -serif ; font- Größe : 12px ; font-style : normal; font-weight : normal; font-variant : normal; } <br> <p> Wenn Sie fertig sind Eingabe CSS- Definitionen , speichern Sie diese Datei als " style.css " . <br> 11 <p> erstellen Sie die Inhalte Ihrer Web -Seite zwischen dem Öffnen und Schließen <body> . Übernehmen Sie die CSS-Regeln auf den Inhalt wie gewünscht . <br> 12 <p> Speichern Sie Ihre HTML-Datei mit einem " . Html" -Erweiterung. <br> <br>
<div class=dead2><script language='javascript' src='/ad/de2.js'></script></div>
</div>
<div class=clear></div>
<div class="rightTxt">
<ul>
<li><a href='/Software/Microsoft-Word/Wie-man-ein-Passwort-in-Microsoft-Word-Set-.html'>Wie man ein Passwort in Microsoft Word Set </a></li>
<li><a href='/Software/Photoshop/Wie-man-eine-Bilddatei-in-Photoshop-Speichern-.html'>Wie man eine Bilddatei in Photoshop Speichern </a></li>
<li><a href='/Software/Desktop-Publishing/How-To-PDFMaker-entfernen-.html'>How To PDFMaker entfernen </a></li>
<li><a href='/Software/Microsoft-Access/Wie-man-Excel--Makro-verwenden-.html'>Wie man Excel- Makro verwenden </a></li>
<li><a href='/Software/Photoshop/Photoshop-Touch-Up--Werkzeuge-.html'>Photoshop Touch-Up- Werkzeuge </a></li>
<li><a href='/Software/Microsoft-Access/Wie-Fraktionen-in-Excel-Geben-.html'>Wie Fraktionen in Excel Geben </a></li>
<li><a href='/Software/Utility-Software/Wie-man-eine-CIF--Datei-in-ISO-konvertieren-.html'>Wie man eine CIF -Datei in ISO konvertieren </a></li>
</ul>
</div>
<div class=clear></div>
<div class="rightTxt r2">
<ul>
<li><a href='/Networking/Router/Wie-kann-ich-eine-Belkin-F5D7230-Konfigurieren-Als-Bridge-.html'>Wie kann ich eine Belkin F5D7230 Konfigurieren Als Bridge </a></li>
<li><a href='/Hardware/Computer-Laufwerke---Storage/Wie-ändere-ich-den-Akku-in-einem-CyberPower-525SL-.html'>Wie ändere ich den Akku in einem CyberPower 525SL </a></li>
<li><a href='/Software/Datenbank-Software/Hardware-Voraussetzungen-für-Primavera-Software-.html'>Hardware-Voraussetzungen für Primavera Software </a></li>
<li><a href='/Hardware/Desktop-Computer/Wie-man-ein-Super--Desktop--Computer-zu-bauen-.html'>Wie man ein Super- Desktop- Computer zu bauen </a></li>
<li><a href='/Hardware/Apple-Computers/Wie-iPhone-Crashes-Griff-.html'>Wie iPhone Crashes Griff </a></li>
</ul>
</div>
<div class=clear></div>
<!--right1 start -->
<!--right1 end -->
<!--right2 start -->
<!--right2 end -->
<div class=Comments>
<script language='javascript' src='/pl/'></script>
</div>
<div class=clear></div>
<br class="spacer" />
<form name="pl" action="/pl.asp" method="post">
<div class="contacttext" id="sub">Ihr Name: </div>
<div class="contactformfield" id="subtextbox">
<label>
<input type="text" name="name1" class="select" />
<span class="style1">*</span> </label>
</div>
<div class="contacttext" id="name">Kommentare: </div>
<div class="contactformmsgfild"><span class="contactformmessage">
<textarea name="textarea" class="Massaget" cols="30" rows="8"></textarea>
</span></div>
<div class="contactsubmit" id="submitbutton">
<label>
<input name="Submit" type="submit" class="submitbutton" value="Submit" />
</label>
</div>
</form>
<!--right1 start -->
<!--right1 end -->
<!--right2 start -->
<!--right2 end -->
<br class="spacer" />
</div>
<!--right end -->
<br class="spacer" />
</div>
<!--body end -->
<!--footer start -->
<div id="footer">
<p class="design" >Copyright © <a href="http://computer.51itpx.com">Computer Wissen</a> Alle Rechte vorbehalten</p>
</div>
<!--footer end -->
</body>
</html>
