Proceduren for oprettelse af Cascading Style Sheets til websider er beregnet til at blive vist på smartphones og andre mobile enheder er ikke forskellig fra, hvordan du vil skabe CSS til web- sider, der vises på personlige computere. Styles kan tilføjes til sektionen på et HTML-dokument , eller du kan oprette en ekstern CSS-fil og importere det til afsnit i dokumentet . Ting du skal
Text editor eller HTML -editor, installerede
Vis Flere Instruktioner
Add CSS kode til HTML- fil
1
Åbn en ny HTML-filen i dit foretrukne tekst eller HTML-editor . Kopier og indsæt denne kode i dokumentet :
Sidetitel < /head >
< /html >
2
Klik i det tomme linje under < , title> tags og type et par af typografi-tags som følger :
Side Titel 4
Fortsæt med at indtaste CSS definitioner indtil din Web side er stylet til din tilfredshed.
5.
Opret indhold på din webside mellem åbning og lukning
. Anvende dine CSS regler til indholdet som ønsket.
6
Gem HTML-filen med et " . Html " udvidelse .
Opret en ekstern CSS-fil
7
Åbn en ny HTML- fil i din foretrukne tekst eller HTML-editor . Kopier og indsæt denne kode i dokumentet :
Sidetitel < /head >
< /html >
8
Klik på den tomme linje umiddelbart efter
tag sættet og skriv følgende kode , som vil importere din " style.css " file : Hej <p> < link href = " style.css " rel = " stylesheet " type = "text /css " > <br> <p> Denne kode importerer eksternt typografiark , der vil blive brugt til at formatere de forskellige elementer i din webside . <br> 9 <p> Åbn en ny fil i din tekst eller HTML-editor og skriv følgende kode på den første linje : Hej <p> @ charset " utf -8 " <br> <p> denne kode fortæller browseren det er en CSS-fil <br>. <br> 10 <p> Indtast eventuelle CSS style definitioner , som du ønsker at anvende i din HTML-dokument. For eksempel kan det organ stil ligner dette : Hej <p> @ charset " utf -8 " <br> <p> body { font- family: . Arial, Helvetica , sans-serif ; font- size: 12px , font -style : normal , font -weight : normal , font- variant : normal ;} <br> <p> Når du er færdig med at indtaste CSS style definitioner gemme denne fil som " style.css " . <br> 11 <p> Opret indhold på din webside mellem åbning og lukning <body> . Anvende dine CSS regler til indholdet som ønsket. <br> 12 <p> Gem din HTML-fil med et " . Html " udvidelse . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Forrige ： <a class='LinkPrevArticle' href='/software/desktop-publishing/116400.html' >Har vi mulighed for større billede Print </a></li></p></td>
</tr>
<tr>
<td width="49%"> næste ： <a class='LinkNextArticle' href='/software/desktop-publishing/116402.html' >Hvordan man laver en Basic Form Med InDesign CS4 </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Relaterede artikler </td>
</tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/117765.html" title="Sådan arbejder du med Digital Scrapbooking : premade Masker i Photoshop " target="_self">Sådan arbejder du med Digital Scrapbooking : premade M…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/116969.html" title="Sådan oprettes en brugerdefineret menu i MS Office 2007 " target="_self">Sådan oprettes en brugerdefineret menu i MS Office 200…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/117688.html" title="Sådan kopierer billeder fra HP Image til en cd " target="_self">Sådan kopierer billeder fra HP Image til en cd </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/117616.html" title="Sådan oprettes en Face Sheet for et CV " target="_self">Sådan oprettes en Face Sheet for et CV </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/117970.html" title="Sådan sparer Acrobat Reader File " target="_self">Sådan sparer Acrobat Reader File </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/116505.html" title="Sådan Skjul afsnitstegn med InDesign " target="_self">Sådan Skjul afsnitstegn med InDesign </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/118459.html" title="Sådan aktiveres Adobe Acrobat 9 Pro Extended " target="_self">Sådan aktiveres Adobe Acrobat 9 Pro Extended </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/118790.html" title="Hvordan at slippe af seneste dokumenter i Microsoft Word " target="_self">Hvordan at slippe af seneste dokumenter i Microsoft Wor…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/118606.html" title="Hvordan man laver et kort i Publisher " target="_self">Hvordan man laver et kort i Publisher </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/118406.html" title="Sådan Check Boxes i Adobe 8 " target="_self">Sådan Check Boxes i Adobe 8 </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Anbefalede Artikler </td>
</tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/file-extension-types/130346.html" title="Hvad er filtypen CDI " target="_self">Hvad er filtypen CDI </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/spreadsheets/168096.html" title="Sådan fjernes Cell Drop -Down Værdier " target="_self">Sådan fjernes Cell Drop -Down Værdier </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/word-processing-software/179979.html" title="Sådan formateres en Word- Booklet " target="_self">Sådan formateres en Word- Booklet </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/117066.html" title="MacJournal Tools " target="_self">MacJournal Tools </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/financial-software/131900.html" title="Sådan importeres en CSV Into Microsoft Money " target="_self">Sådan importeres en CSV Into Microsoft Money </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/productivity-software/162297.html" title="Sådan Set Up en tynd klient - baserede kontor " target="_self">Sådan Set Up en tynd klient - baserede kontor </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/microsoft-access/140493.html" title="Sådan bruges Excel Genveje med tastaturet " target="_self">Sådan bruges Excel Genveje med tastaturet </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/160158.html" title="Hvordan man kan forbedre produktiviteten PPT " target="_self">Hvordan man kan forbedre produktiviteten PPT </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/productivity-software/160596.html" title="Hvad er en ofte Filer " target="_self">Hvad er en ofte Filer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/productivity-software/162239.html" title="Hvordan at udvikle en ramme for Administration Records i et ERP-system " target="_self">Hvordan at udvikle en ramme for Administration Records …</a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Computer Viden http://www.computerdk.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 