De procedure voor het maken van Cascading Style Sheets voor webpagina's moeten worden weergegeven op smartphones en andere mobiele apparaten is niet anders dan hoe je CSS zou maken voor webpagina's weergegeven op personal computers . Stijlen kunnen worden toegevoegd aan het van een HTML-document of u kunt een externe CSS- bestand te maken en importeren in de van het document . Wat je nodig hebt
tekst editor of HTML-editor , geïnstalleerd
Toon Meer Aanwijzingen
Add CSS code aan de HTML File
1 Open een nieuw HTML-bestand in uw favoriete tekst-of HTML-editor . Kopieer en plak deze code in het document : < ! DOCTYPE HTML >
Page Title < /title > <br> <p> < /head > <p> <body> < /body > < /html > <br> 2 <p> <br> Klik op de lege regel onder de < , title > tags en typ een paar stijl -tags als volgt : <br> <p> <title> Titel pagina < /title > <style type="text/css"> <br> <p> < ;/style > <br> <p> Dit stelt de CSS- gedeelte van de pagina . Al uw CSS-code gaat tussen het openen en sluiten <style> tags. <br> 3 <p> Maak de CSS- stijlen die u wenst . Bijvoorbeeld , wilt u misschien een body CSS-regel die lijkt op dit een te gebruiken : . <p> <style Type="text/css"> <br> body { font-family : Arial , Helvetica , sans - serif ; font-size : 12px ; font-style : normal ; font-weight : normal ; font- variant : normaal ; } < /style > <br> 4 <p> Ga door met typen CSS definities totdat uw Web pagina is vormgegeven om uw tevredenheid . <br> 5 <p> Maak de inhoud van uw webpagina tussen het openen en sluiten <body> tags. Pas uw CSS-regels naar de inhoud naar wens . <br> 6 <p> Sla het HTML- bestand met een " . Html " extensie . <br> Maak een externe CSS -bestand <br> <br> 7 <p> Open een nieuw HTML-bestand in de gewenste tekst-of HTML -editor . Kopieer en plak deze code in het document : < ! DOCTYPE HTML > <br> <p> <html> <head> <meta charset="utf-8"> <title> Page Title < /title > <br> <p> < /head > <p> <body> < /body > < /html > <br> <p> Klik 8 <br> op de lege regel onmiddellijk na de <title> tag set en typ de volgende code , die je " style.css " bestand zal importeren: <br> <p> < koppeling href = " style.css " rel = " stylesheet " type = " text /css " > <br> <p> Deze code importeert de externe style sheet die zullen worden gebruikt om de verschillende elementen van uw webpagina te formatteren . <br> 9 <p> Open een nieuw bestand in uw tekst of HTML-editor en typ de volgende code op de eerste lijn : <br> <p> @ charset " utf - 8 " ; <br> <p> deze code vertelt de browser dat dit een CSS-bestand <br> . <br> <p> Type 10 in een CSS- stijl definities die u wilt toepassen op uw HTML-document . Zo kan het lichaam stijl lijken op dit : <br> <p> @ charset " utf - 8 " ; <br> <p> body { font-family : . Arial , Helvetica , sans - serif ; font- size : 12px ; font-style : normal ; font-weight : normal ; font- variant : normaal ; } <br> <p> Wanneer u klaar bent met het invoeren van CSS stijl definities , sla dit bestand op als " style.css " . <br> 11 <p> Maak de inhoud van uw webpagina tussen het openen en sluiten <body> tags. Pas uw CSS-regels naar de inhoud naar wens . <br> 12 <p> Sla uw HTML- bestand met een " html . " Extensie . <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/software/desktop-publishing/201309/116400.html' >Hebben we de mogelijkheid om Print vergroten ? </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/software/desktop-publishing/201309/116402.html' >Hoe maak je een Basic Vorm Met InDesign CS4 </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Desktop Publishing</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/201309/119023.html" title="Hoe kan ik een gepubliceerd boek in InDesign opmaken " target="_self">Hoe kan ik een gepubliceerd bo…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/201309/117393.html" title="Hoe te openen Epub " target="_self">Hoe te openen Epub </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/201309/117134.html" title="Hoe kan ik een index maken in InDesign " target="_self">Hoe kan ik een index maken in …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/201309/116519.html" title="Hoe maak je een Spread maken in InDesign " target="_self">Hoe maak je een Spread maken i…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/201309/116955.html" title="Hoe maak je een gedetailleerd beeld toevoegen als een Border in Publisher " target="_self">Hoe maak je een gedetailleerd …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/201309/118149.html" title="De compatibiliteit van Microsoft Word-documenten Met OpenOffice " target="_self">De compatibiliteit van Microso…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/201309/119523.html" title="Hoe je sjablonen gebruiken Met Scribus Pagina Make Software " target="_self">Hoe je sjablonen gebruiken Met…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/201309/118139.html" title="Hoe kan ik een organigram in Office 2007 Creëren " target="_self">Hoe kan ik een organigram in O…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/201309/117988.html" title="HTML e-mail Training " target="_self">HTML e-mail Training </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181073.html' target="_self">Hoe maak je een Tilde gebruiken in een W…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181072.html' target="_self">Hoe kan ik een Umlaut gebruiken in een W…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181071.html' target="_self">Hoe maak je een Holiday Nieuwsbrief op u…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181070.html' target="_self">Hoe maak je een viervoudige Wenskaart ma…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181069.html' target="_self">Hoe maak je een Tent - Fold Wenskaart Ma…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181068.html' target="_self">Hoe te Spelling en grammatica fouten te …</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181067.html' target="_self">Hoe kan ik een document Zoom in Word 200…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181066.html' target="_self">Hoe je tekst rond een afbeelding in Word…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181065.html' target="_self">Hoe je de uitlijning van de tekst wijzig…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Software Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/word-processing-software/201309/176036.html" title="Hoe maak je een PPT te voegen in een DOC " target="_self">Hoe maak je een PPT te voegen in een DOC…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/microsoft-access/201309/137868.html" title="Excel Tips voor Nestfuncties " target="_self">Excel Tips voor Nestfuncties </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/back-up-data/201309/109044.html" title="Hoe maak ik een backup van mijn Outlook Office -bestanden ? " target="_self">Hoe maak ik een backup van mijn Outlook …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/microsoft-access/201309/138063.html" title="Hoe maak je een standaard curve Met behulp van Microsoft Excel " target="_self">Hoe maak je een standaard curve Met behu…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-video/201309/121966.html" title="Hoe kan ik een ASF bestand converteren naar AVI " target="_self">Hoe kan ik een ASF bestand converteren n…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/financial-software/201309/131089.html" title="Checklist voor Migratie om QuickBooks " target="_self">Checklist voor Migratie om QuickBooks </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/database-software/201309/115906.html" title="Hoe je volledige tekst verwijderen in Microsoft SQL " target="_self">Hoe je volledige tekst verwijderen in Mi…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/productivity-software/201309/161236.html" title="Hoe maak je LimeWire Turbo sneller lopen " target="_self">Hoe maak je LimeWire Turbo sneller lopen…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/pc-games/201309/147079.html" title="Hoe maak je een Toy Story cd - rom Compatibel met Windows XP Zorg " target="_self">Hoe maak je een Toy Story cd - rom Compa…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
