Comment faire de CSS pour les périphériques mobiles

La procédure de création de feuilles de style pour les pages Web destinées à être consultés sur les smartphones et autres appareils mobiles n'est pas différent de la façon dont vous souhaitez créer CSS pour les pages Web affichées sur les ordinateurs personnels . Les styles peuvent être ajoutés à la section d'un document HTML ou vous pouvez créer un fichier CSS externe et l'importer dans la section du document. Choses que vous devez
éditeur de texte ou un éditeur HTML, installé
Afficher plus Instructions
ajouter du code CSS dans le fichier HTML
1

Ouvrez un nouveau fichier HTML dans votre texte préféré ou un éditeur HTML. Copiez et collez ce code dans le document: Photos

Titre de la page Photos

Photos

Cliquez sur la ligne vide en dessous de la < , title> et tapez une paire de balises de style comme suit :

Titre de la page
4

continuer à taper définitions CSS jusqu'à ce que votre site Web la page est dessiné pour votre satisfaction.
5

créer le contenu de votre page Web entre l' ouverture et la fermeture . Appliquez vos règles CSS pour le contenu comme vous le souhaitez .
6

Enregistrez le fichier HTML avec une extension ". Html" .
Créer un fichier CSS externe

7

ouvrir un nouveau fichier HTML dans votre texte préféré ou un éditeur HTML. Copiez et collez ce code dans le document: Photos

Titre de la page Photos

Photos

Cliquez sur la ligne vide immédiatement après l'ensemble de balise et tapez le code suivant, qui va importer votre fichier " style.css ": <br> <p> <link href = rel = Type " style.css " de " stylesheet" = "text /css" > Photos <p> Ce code importe la feuille de style externe qui sera utilisé pour formater les différents éléments de votre page Web. <br> 9 <p> Ouvrez un nouveau fichier dans votre texte ou éditeur HTML et tapez le code suivant sur la première ligne : <br> <p> @ charset " utf-8" ; <br> <p> ce code indique au navigateur s'agit d'un fichier CSS <br> . <br> 10 Type <p> dans toutes les définitions de style CSS que vous souhaitez appliquer à votre document HTML. Par exemple, le style de carrosserie pourrait ressembler à ceci : <br> <p> @ charset " utf-8" ; <br> <p> body { font-family: . Arial , Helvetica , sans-serif; font- taille: 12px ; font-style : normal ; font-weight : normal ; font-variant : normal ; } <br> <p> Lorsque vous avez fini d'entrer définitions de style CSS , enregistrez ce fichier comme " style.css " . <br> 11 <p> créer le contenu de votre page Web entre l' ouverture et la fermeture <body> . Appliquez vos règles CSS pour le contenu comme vous le souhaitez . <br> 12 <p> Enregistrez votre fichier HTML avec une extension ". Html" . <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>Previous ： <a class='LinkPrevArticle' href='/Logiciel/desktop-publishing/116400.html' >Avons-nous la possibilité d'agrandir Imprimer </a></li></p></td> </tr> <tr> <td width="49%"> next ： <a class='LinkNextArticle' href='/Logiciel/desktop-publishing/116402.html' >Comment faire une forme de base avec 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"> articles connexes </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="/Logiciel/desktop-publishing/116871.html" title="Comment enregistrer un document au format RTF " target="_self">Comment enregistrer un document au format RTF </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/desktop-publishing/118004.html" title="Comment faire pour récupérer un fichier InDesign " target="_self">Comment faire pour récupérer un fichier InDesign </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/desktop-publishing/118182.html" title="Comment personnaliser les étiquettes " target="_self">Comment personnaliser les étiquettes </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/desktop-publishing/116793.html" title="Comment diviser un type d'objet Path dans InDesign " target="_self">Comment diviser un type d'objet Path dans InDesign </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/desktop-publishing/117692.html" title="Comment faire pour créer des invitations religieux " target="_self">Comment faire pour créer des invitations religieux </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/desktop-publishing/118191.html" title="Idées Newsletter primaires " target="_self">Idées Newsletter primaires </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/desktop-publishing/117437.html" title="Comment faire votre papier horizontal sur Parole " target="_self">Comment faire votre papier horizontal sur Parole </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/desktop-publishing/118276.html" title="Comment faire un diplôme de guitare " target="_self">Comment faire un diplôme de guitare </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/desktop-publishing/119515.html" title="Comment créer un Self- Portrait Insolite " target="_self">Comment créer un Self- Portrait Insolite </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/desktop-publishing/119583.html" title="Comment créer une carte de Noël dans PageMaker " target="_self">Comment créer une carte de Noël dans PageMaker </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">articles en vedette </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="/Logiciel/data-compression/112240.html" title="Comment décompresser des fichiers Zip multiples " target="_self">Comment décompresser des fichiers Zip multiples </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/back-up-data/109562.html" title="Comment planifier des sauvegardes dans Windows XP " target="_self">Comment planifier des sauvegardes dans Windows XP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/desktop-video/121989.html" title="Comment faire écran gratuits en flash " target="_self">Comment faire écran gratuits en flash </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/gimp/133359.html" title="Comment faire un Flier utilisant GIMP 2.6 " target="_self">Comment faire un Flier utilisant GIMP 2.6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/open-source-code/144218.html" title="Comment placer une annonce sur un blog WordPress " target="_self">Comment placer une annonce sur un blog WordPress </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/photoshop/151716.html" title="Comment afficher des caractères Mugen dans Photoshop " target="_self">Comment afficher des caractères Mugen dans Photoshop </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/powerpoint/157011.html" title="Comment faire pour modifier un en-tête et pied de page dans MS PowerPoint 2007 " target="_self">Comment faire pour modifier un en-tête et pied de page…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/database-software/116084.html" title="Ce qui rend si précieux tableaux croisés dynamiques " target="_self">Ce qui rend si précieux tableaux croisés dynamiques </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/financial-software/132284.html" title="Vs impôt rapide . ImpôtExpert " target="_self">Vs impôt rapide . ImpôtExpert </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Logiciel/microsoft-word/142038.html" title="Comment mettre à jour Microsoft Word 2002 pour 2003 " target="_self">Comment mettre à jour Microsoft Word 2002 pour 2003 </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 © Connaissances Informatiques http://fr.wingwit.com <script language='javascript' src='/ad/201310/1.js'></script></td> </tr> </table> </div> </body> </html>