Home Hardware Networking Programmazione Software Domanda Sistemi
* Conoscenza Informatica >> software >> Desktop Publishing >> .

Come fare i CSS per dispositivi mobili

La procedura per la creazione di fogli di stile CSS per le pagine Web destinate per essere visualizzato su smartphone e altri dispositivi mobili non è diverso da come si dovrebbe creare CSS per le pagine Web visualizzate su personal computer. Gli stili possono essere aggiunti alla sezione di un documento HTML oppure è possibile creare un file CSS esterno e importarlo in sezione del documento. Cose che ti serviranno
editor di testo o HTML , installato
Mostra Altre istruzioni
Add codice CSS per il codice HTML file
1

Aprire un nuovo file HTML in il vostro testo preferito o editor HTML . Copia e incolla questo codice nel documento : < ! DOCTYPE HTML >

Titolo pagina < /title> <br> <p> < /head> <br> <p> <body> < /body> < /html > <br> 2 <p> Fai clic sulla riga vuota sotto la < , title> tag e digitare una coppia di tag di stile come segue : <br> <title> <p> pagina del titolo < /title> <style type="text/css"> <br> <p> < stile ;/> <br> <p> Questo imposta la parte CSS della pagina . Tutto il codice CSS va tra l'apertura e chiusura tag <style> . <br> 3 <p> Creare gli stili CSS che desiderate. Ad esempio , si potrebbe desiderare di utilizzare una regola CSS corpo che sembra simile a questo : . <br> <p> <style Type="text/css"> body { font-family : Arial , Helvetica , sans - serif ; font-size : 12px ; font- style: normal ; font-weight : normal ; font-variant : normal ; } < /style > <br> 4 <p> Continua a digitare definizioni CSS fino a quando il Web pagina è in stile per la vostra soddisfazione . <br> 5 <p> creare il contenuto della pagina Web tra l' apertura e la chiusura <body>. Applicare le regole CSS per il contenuto come desiderato . <br> 6 <p> Salvare il file HTML con estensione " . Html " . <br> Crea un file CSS esterno <br> Pagina 7 <p> Aprire un nuovo file HTML nel testo preferito o editor HTML . Copia e incolla questo codice nel documento : < ! DOCTYPE HTML > <br> <p> <html> <meta charset="utf-8"> <title> Titolo pagina < /title> <br> <p> < /head> <br> <p> <body> < /body> < /html > <br> 8 <p> Cliccare sulla riga vuota subito dopo il tag set <title> e digitare il codice seguente, che importerà il file " style.css " : <br> <p> < collegamento href = rel = tipo " style.css " " foglio di stile " = "text /css " > <br> <p> Questo codice importa il foglio di stile esterno che verrà utilizzato per formattare i vari elementi della vostra pagina web. <br> 9 <p> Aprire un nuovo file in il vostro editor di testo o HTML e digitare il seguente codice nella prima riga : <br> <p> @ charset "utf - 8" ; <br> <p> questo codice indica al browser questo è un file CSS <br> . <br> 10 <p> Scrivi le definizioni di stile CSS che si desidera applicare al documento HTML . Ad esempio , lo stile del corpo potrebbe essere simile a questo : <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 : normal ; } <br> <p> Quando hai finito di inserire le definizioni di stile CSS , salvare il file come " style.css " . <br> 11 <p> creare il contenuto della pagina Web tra l' apertura e la chiusura <body>. Applicare le regole CSS per il contenuto come desiderato . <br> 12 <p> Salvare il file HTML con estensione " . Html " . <br> <br> <ul class="mhjkhjlj"> <li> <a class='LinkPrevArticle' href='/software/Desktop-Publishing/1232800.html' >Abbiamo la possibilità di ampliare Stampa </a></li> <li> <a class='LinkNextArticle' href='/software/Desktop-Publishing/1232804.html' >Come fare un modulo di base Con InDesign CS4 </a></li> </ul> <div class="deep"> <div class="guanggadsadswqew"><script language='javascript' src='http://www.354353.com/AD/it3.js'></script></div> <div class="guanggadsadswqew1"></div> </div> <div class="xiangguanleitong"> <div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div> <ul> <li><a href="/software/Word-Processing-Software/1353650.html" target="_blank">Come visualizzare settori della partizione </a></li><li><a href="/software/Photoshop/1300502.html" target="_blank">Come Photoshop un tè Stain </a></li><li><a href="/software/PowerPoint/1314914.html" target="_blank">Come aggiungere una tabella a PowerPoint 2003 </a></li><li><a href="/software/Drupal/1255470.html" target="_blank">Passi per ottenere i moduli di data e calendario di lavoro in Drupal </a></li><li><a href="/software/Software-Utility/1340320.html" target="_blank">Come migrare VirtualBox per VMware </a></li><li><a href="/software/Microsoft-Access/1280722.html" target="_blank">Come creare un quiz in Excel </a></li><li><a href="/software/Web-Clip-Art/1348542.html" target="_blank">Come scrivere una poesia in MLA Format </a></li><li><a href="/software/produttività-Software/1328920.html" target="_blank">Microsoft Office Professional 2007 Requisiti Software </a></li> </ul> </div> </div> </div> <div class="woshiyouleirog"> <div class="zxtjianasd"> <div class="bidssdfjm3"><h4>Articoli consigliati</h4></div> <div class="dasdcdfurit33"> <ul> <li><a href="/software/Desktop-Publishing/1234084.html" target="_blank">Come stampare testo Upside Down in Word 2007 </a></li><li><a href="/software/Desktop-Publishing/1235766.html" target="_blank">Quale tipo di carattere è più facile da leggere su carta </a></li><li><a href="/software/Desktop-Publishing/1237794.html" target="_blank">Come personalizzare una foto su etichette per CD </a></li><li><a href="/software/Desktop-Publishing/1234422.html" target="_blank">Come rimuovere immagini di sfondo Da PDF </a></li><li><a href="/software/Desktop-Publishing/1234910.html" target="_blank">Come progettare libro Pagine </a></li><li><a href="/software/Desktop-Publishing/1233974.html" target="_blank">Come inserire un'immagine sul bordo inferiore di un documento di Word </a></li><li><a href="/software/Desktop-Publishing/1233580.html" target="_blank">Come fare calendari fotografici per la rivendita sul mio PC </a></li><li><a href="/software/Desktop-Publishing/1238886.html" target="_blank">Come usare Flash in Dreamweaver Templates </a></li><li><a href="/software/Desktop-Publishing/1233420.html" target="_blank">Come convertire i pub di gif </a></li><li><a href="/software/Desktop-Publishing/1238316.html" target="_blank">PC a Mac Fonts conversione </a></li> </ul> </div> </div> <div class="guanggandgsa32a"> </div> <div class="huosirengs"> <li><a class='childclass' href='/software/Adobe-Illustrator/' target="_self">Adobe Illustrator</a></li> <li><a class='childclass' href='/software/Software-di-animazione/' target="_self">Software di animazione</a></li> <li><a class='childclass' href='/software/Antivirus-Software/' target="_self">Antivirus Software</a></li> <li><a class='childclass' href='/software/Software-Audio/' target="_self">Software Audio</a></li> <li><a class='childclass' href='/software/Backup-dei-dati/' target="_self">Backup dei dati</a></li> <li><a class='childclass' href='/software/masterizzare-CD/' target="_self">masterizzare CD</a></li> <li><a class='childclass' href='/software/masterizzare-DVD/' target="_self">masterizzare DVD</a></li> <li><a class='childclass' href='/software/Compressione-dei-dati/' target="_self">Compressione dei dati</a></li> <li><a class='childclass' href='/software/Software-Database/' target="_self">Software Database</a></li> <li><a class='childclass' href='/software/Desktop-Publishing/' target="_self">Desktop Publishing</a></li> <li><a class='childclass' href='/software/Desktop-Video/' target="_self">Desktop Video</a></li> <li><a class='childclass' href='/software/Digital-Video-Software/' target="_self">Digital Video Software</a></li> <li><a class='childclass' href='/software/Drupal/' target="_self">Drupal</a></li> <li><a class='childclass' href='/software/Software-didattico/' target="_self">Software didattico</a></li> <li><a class='childclass' href='/software/ingegneria-del-Software/' target="_self">ingegneria del Software</a></li> <li><a class='childclass' href='/software/Tipi-di-estensione-di-file/' target="_self">Tipi di estensione di file</a></li> <li><a class='childclass' href='/software/Financial-Software/' target="_self">Financial Software</a></li> <li><a class='childclass' href='/software/Freeware--Shareware---Abandonware/' target="_self">Freeware, Shareware & Abandonware</a></li> <li><a class='childclass' href='/software/GIMP/' target="_self">GIMP</a></li> <li><a class='childclass' href='/software/Graphics-Software/' target="_self">Graphics Software</a></li> <li><a class='childclass' href='/software/Software-Home-Recording/' target="_self">Software Home Recording</a></li> <li><a class='childclass' href='/software/Microsoft-Access/' target="_self">Microsoft Access</a></li> <li><a class='childclass' href='/software/Microsoft-Excel/' target="_self">Microsoft Excel</a></li> <li><a class='childclass' href='/software/Microsoft-Publisher/' target="_self">Microsoft Publisher</a></li> <li><a class='childclass' href='/software/Microsoft-Word/' target="_self">Microsoft Word</a></li> <li><a class='childclass' href='/software/Aprire-Source-Code/' target="_self">Aprire Source Code</a></li> <li><a class='childclass' href='/software/Altro-Software-per-computer/' target="_self">Altro Software per computer</a></li> <li><a class='childclass' href='/software/Giochi-per-PC/' target="_self">Giochi per PC</a></li> <li><a class='childclass' href='/software/Photoshop/' target="_self">Photoshop</a></li> <li><a class='childclass' href='/software/Portable-Document-Format/' target="_self">Portable Document Format</a></li> <li><a class='childclass' href='/software/PowerPoint/' target="_self">PowerPoint</a></li> <li><a class='childclass' href='/software/presentazione-Software/' target="_self">presentazione Software</a></li> <li><a class='childclass' href='/software/produttività-Software/' target="_self">produttività Software</a></li> <li><a class='childclass' href='/software/Quicktime/' target="_self">Quicktime</a></li> <li><a class='childclass' href='/software/Gestione-Desktop-remoto/' target="_self">Gestione Desktop remoto</a></li> <li><a class='childclass' href='/software/SQL-Server/' target="_self">SQL Server</a></li> <li><a class='childclass' href='/software/Skype/' target="_self">Skype</a></li> <li><a class='childclass' href='/software/Software-versioni-Beta/' target="_self">Software versioni Beta</a></li> <li><a class='childclass' href='/software/Consulenti-Software/' target="_self">Consulenti Software</a></li> <li><a class='childclass' href='/software/Società-di-sviluppo-software/' target="_self">Società di sviluppo software</a></li> <li><a class='childclass' href='/software/Software-Licensing/' target="_self">Software Licensing</a></li> <li><a class='childclass' href='/software/Fogli-di-calcolo/' target="_self">Fogli di calcolo</a></li> <li><a class='childclass' href='/software/Software-Preparazione-Tax/' target="_self">Software Preparazione Tax</a></li> <li><a class='childclass' href='/software/Software-Utility/' target="_self">Software Utility</a></li> <li><a class='childclass' href='/software/Web-Clip-Art/' target="_self">Web Clip Art</a></li> <li><a class='childclass' href='/software/Windows-Media-Player/' target="_self">Windows Media Player</a></li> <li><a class='childclass' href='/software/Word-Processing-Software/' target="_self">Word Processing Software</a></li> </div> </div> </div> <div class="dsadsafa-da"> <p class="sdqwfwe42">  </p> <p class="vbnhg654">software © www.354353.com</p> <p class="iop8iud"> </p> </div> </div> </body> </html>