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=fr4><script language='javascript' src='http://www.ordinateur.cc/ad/fr/4.js'></script></div> <div class=fr5><script language='javascript' src='http://www.ordinateur.cc/ad/fr/5.js'></script></div> </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" > </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="39" align="left" >Article précédent：<span class="nr"> <a class='LinkPrevArticle' href='/Logiciel/desktop-Publishing/116400.html' >Avons-nous la possibilité d'agrandir Imprimer </a></li></span><br /> Article suivant：<span class="nr"> <a class='LinkNextArticle' href='/Logiciel/desktop-Publishing/116402.html' >Comment faire une forme de base avec InDesign CS4 </a></li></span></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="96%" height="22" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#EFEFEF"> <tr> <td width="2%" align="left" ></td> <td width="98%" align="left" >Articles recommandés</td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" > <li><a href="/Logiciel/desktop-Publishing/116379.html">Comment connecter les paragraphes de texte dans InDesign </a></li><li><a href="/Logiciel/desktop-Publishing/118877.html">Comment faire des cartes d'anniversaire dans Word </a></li><li><a href="/Logiciel/desktop-Publishing/118032.html">Comment puis-je faire une brochure conciergerie </a></li><li><a href="/Logiciel/desktop-Publishing/116431.html">Comment faire de Pie Pièces dans InDesign CS5 </a></li><li><a href="/Logiciel/desktop-Publishing/117216.html">Création d' une carte de voeux gratuit </a></li><li><a href="/Logiciel/desktop-Publishing/116730.html">Comment faire un Signature Tag Animation </a></li><li><a href="/Logiciel/desktop-Publishing/119461.html">Comment utiliser la fonction de tampon en caoutchouc dans Adobe Photoshop </a></li><li><a href="/Logiciel/desktop-Publishing/119574.html">Comment utiliser Corel Snapfire gratuit </a></li><li><a href="/Logiciel/desktop-Publishing/118585.html">Comment convertir un document DocBook dans OpenOffice </a></li><li><a href="/Logiciel/desktop-Publishing/118077.html">Corel Draw 7 de vente </a></li> </td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table></td> </tr> </table> <table width="980" height="12" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="980" height="90" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#3597E2"> <tr> <td align="center" class="foot">Connaissances Informatiques © http://www.ordinateur.cc <br /> </td> </tr> </table>   </body> </html>