λογισμικό

* Γνώση Υπολογιστών >> λογισμικό >> Desktop Publishing

Πώς να κάνει CSS για φορητές συσκευές

Η διαδικασία για τη δημιουργία επικαλυπτόμενα φύλλα στυλ για τις ιστοσελίδες που πρόκειται να προβληθούν σε smartphones και άλλες φορητές συσκευές δεν είναι διαφορετικό από το πώς θα δημιουργήσετε CSS για ιστοσελίδες που εμφανίζονται σε προσωπικούς υπολογιστές . Στυλ μπορεί να προστεθεί στο τμήμα ενός εγγράφου HTML ή μπορείτε να δημιουργήσετε ένα εξωτερικό αρχείο CSS και να το εισαγάγετε στην ενότητα του εγγράφου . Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου ή πρόγραμμα επεξεργασίας HTML , εγκαθίσταται
Η Εμφάνιση Περισσότερες οδηγίες
Προσθήκη CSS κώδικα στο αρχείο HTML
Η

1 Ανοίξτε ένα νέο αρχείο στον προτιμάται το κείμενό σας ή HTML editor . Κάντε αντιγραφή και επικόλληση του κώδικα στο έγγραφο :

Τίτλος σελίδας


2

Κάντε κλικ στην κενή γραμμή κάτω από το tags και πληκτρολογήστε ένα ζευγάρι ετικέτες στυλ ως εξής :

Τίτλος σελίδας
Η 4

Συνεχίστε να πληκτρολογείτε μέχρι ορισμούς CSS Web σας η σελίδα είναι διακοσμημένο με την ικανοποίηση σας .
5

Δημιουργήστε το περιεχόμενο της ιστοσελίδας σας ανάμεσα στο άνοιγμα και το κλείσιμο ετικέτες . Εφαρμογή των κανόνων CSS σας προς το περιεχόμενο , όπως είναι επιθυμητό .
Η 6

Αποθηκεύστε το αρχείο HTML με ένα " . Html " επέκταση .
Εικόνων Δημιουργήστε έναν εξωτερικό CSS αρχείο
Σελίδα 7

Ανοίξτε ένα νέο αρχείο HTML στο προτιμώμενο κειμένου ή πρόγραμμα επεξεργασίας HTML . Κάντε αντιγραφή και επικόλληση του κώδικα στο έγγραφο :

Τίτλος σελίδας



8

Κάντε κλικ στην κενή γραμμή αμέσως μετά η ετικέτα που και πληκτρολογήστε τον ακόλουθο κώδικα , η οποία θα εισάγει το " style.css " αρχείο : <br> <p> <link href = " style.css " rel = Τύπος " στυλ " = " text /css " > <br> <p> Αυτός ο κώδικας εισάγει το εξωτερικό φύλλο στυλ που θα χρησιμοποιείται για τη μορφοποίηση των διαφόρων στοιχείων της ιστοσελίδας σας . <br> Η 9 <p> Ανοίξτε ένα νέο αρχείο στο κειμένου ή πρόγραμμα επεξεργασίας HTML και πληκτρολογήστε τον ακόλουθο κώδικα στην πρώτη γραμμή : <br> <p> @ charset " utf- 8 " ? <br> <p> Αυτός ο κώδικας λέει ο browser αυτό είναι ένα αρχείο CSS <br> . <br> 10 <p> Πληκτρολογήστε τυχόν ορισμούς CSS στυλ που θέλετε να εφαρμόσετε στο έγγραφο HTML σας . Για παράδειγμα , το στυλ του σώματος μπορεί να μοιάζει με αυτό : . <br> <p> @ Charset " utf- 8 " ? <br> <p> Body { font-family : Arial , Helvetica , sans -serif ? Font- μέγεθος : 12px ? font-style : normal ? font-weight : normal ? font- παραλλαγή : κανονικό? } <br> <p> Όταν τελειώσετε την εισαγωγή τους ορισμούς στυλ CSS , αποθηκεύστε το αρχείο ως " style.css " . <br> Η 11 <p> Δημιουργήστε το περιεχόμενο της ιστοσελίδας σας ανάμεσα στο άνοιγμα και το κλείσιμο ετικέτες <body> . Εφαρμογή των κανόνων CSS σας προς το περιεχόμενο , όπως είναι επιθυμητό . <br> Η 12 <p> Αποθηκεύστε το αρχείο HTML σας με ένα " . Html " επέκταση . <br> Η <br> εικόνων <div class="grad2"><script language='javascript' src='http://www.221021.com/ad/gr/2.js'></script></div> <div class="grad3"></div> </div> <div class="fanyedads"> <ul> <li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='/Software/desktop-publishing/116400.html' >Να έχουμε τη δυνατότητα να διευρύνει το Εκτύπωση </a></li> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='/Software/desktop-publishing/116402.html' >Πώς να κάνει μια βασική μορφή Με InDesign CS4 </a></li> </ul> </div> </div> <div class="woqinimaderwr24"> <div class="dibud23"> <div class="biaotidas51"> <div class="biaotidas511"><h3>Συναφής σύστασή</h3></div> <div class="butudasda"></div> </div> </div> <div class="dibud24"> <div class="dibud241"> <h3><a href="/Software/desktop-publishing/118393.html" target="_blank">Πώς να ενημερώσετε την νέα έκδοση του Acrobat Reader </a></h3> <p><a href="/Software/desktop-publishing/118393.html" target="_blank">Όταν Adobe κυκλοφόρησε την έκδοση 6 του ελεύθερου PDF - βλέπουν την εφαρμογή της, μετονομάστηκε σε Acrobat Reader , όπως το Adobe Reader . Η αλλαγή αυτή συμβάλλει στη διαφοροποίηση μεταξύ των Adobe Reader , μια εφαρμογή με γνώμονα τον καταναλωτή για την προβολή αρχείων PDF και το Adobe Acrobat , μια επαγγελματική εφαρμογή PDF επεξεργασίας . Adobe Reader 9 είναι συμβατό με υπολογιστές που εκτελούν το Windows, Macintosh , Linux ή λειτουργικά συστήματα Solaris . Οδηγίες Η 1 Πηγαίνετε στην τοποθεσ</a></p> <div class="feggexiandsada"></div> <ul class="dsa31das"> <li><a href="/Software/desktop-publishing/116812.html" target="_blank">Πώς να κάνει ένα πανό στο InDesign </a></li> <li><a href="/Software/desktop-publishing/117803.html" target="_blank">Τρόπος απενεργοποίησης του Microsoft Office Genuine Advantage σε Autoruns </a></li> <li><a href="/Software/desktop-publishing/118621.html" target="_blank">Πώς μπορώ να προσθέσω το όνομά μου Εταιρίας σε Φωτογραφίες μου </a></li> <li><a href="/Software/desktop-publishing/118262.html" target="_blank">Corel PhotoPaint Συμβουλές </a></li> <li><a href="/Software/desktop-publishing/116869.html" target="_blank">Τρόπος εισαγωγής WMV αρχεία σε Dreamweaver CS3 </a></li> </ul> </div> <div class="dibud242"> <div class="biaotidasoidasf3h4"> <h4>Τελευταία άρθρα</h4> <div class="nibushihenzaiyi"></div> </div> <ul class="thydghaodennrend"> <li><a href="/Software/audio-software/106982.html" target="_blank">Εξοπλισμός Εγγραφής Μουσικής για Desktop </a></li> <li><a href="/Software/antivirus-software/102598.html" target="_blank">Πώς να σταματήσει Mcafee Από Μπλόκο Pics </a></li> <li><a href="/Software/microsoft-access/135451.html" target="_blank">Η συνάρτηση COUNTIF στο Excel VBA </a></li> <li><a href="/Software/photoshop/152549.html" target="_blank">Πώς να κάνει ένα μέρος Flyer στο Adobe Photoshop </a></li> <li><a href="/Software/microsoft-access/138179.html" target="_blank">MS Access στο Excel Έξοδος </a></li> <li><a href="/Software/financial-software/131692.html" target="_blank">Πώς να σταματήσει Quickbooks από την πρόσβαση στο Internet </a></li> <li><a href="/Software/spreadsheets/168110.html" target="_blank">Πώς να κάνει Υπολογισμός Φύλλα σε OpenOffice </a></li> <li><a href="/Software/microsoft-word/143166.html" target="_blank">Τρόπος απενεργοποίησης Κλειδί ελέγχου στο MS Word </a></li> </ul> </div> <div class="dibud243"> <div class="tibiaodsafda"><h4>Desktop Publishing</h4></div> <ul class="beitonggu"> <li><a href="http://www.221021.com/Software/spreadsheets/" >Υπολογιστικά φύλλα</a></li> <li><a href="http://www.221021.com/Hardware/tablet-pcs/" >Tablet PCs</a></li> <li><a href="http://www.221021.com/Troubleshooting/troubleshoot-computer-errors/" >Αντιμετώπιση προβλημάτων Σφάλματα υπολογιστή σας</a></li> <li><a href="http://www.221021.com/Hardware/computer-monitors/" >Οθόνες</a></li> <li><a href="http://www.221021.com/Hardware/laptops/" >Φορητοί υπολογιστές</a></li> <li><a href="http://www.221021.com/Hardware/notebook-computers/" >Φορητοί υπολογιστές</a></li> <li><a href="http://www.221021.com/Software/desktop-publishing/" >Desktop Publishing</a></li> <li><a href="http://www.221021.com/Software/microsoft-access/" >Microsoft Access</a></li> <li><a href="http://www.221021.com/Troubleshooting/pc-troubleshooting/" >PC Αντιμετώπιση προβλημάτων</a></li> </ul> </div> </div> </div> <div class="dibudaohnagdsaw"> <div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div> </div> </div> </body> </html>