Η διαδικασία για τη δημιουργία επικαλυπτόμενα φύλλα στυλ για τις ιστοσελίδες που πρόκειται να προβληθούν σε smartphones και άλλες φορητές συσκευές δεν είναι διαφορετικό από το πώς θα δημιουργήσετε CSS για ιστοσελίδες που εμφανίζονται σε προσωπικούς υπολογιστές . Στυλ μπορεί να προστεθεί στο τμήμα ενός εγγράφου HTML ή μπορείτε να δημιουργήσετε ένα εξωτερικό αρχείο CSS και να το εισαγάγετε στην ενότητα του εγγράφου . Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου ή πρόγραμμα επεξεργασίας HTML , εγκαθίσταται
Η Εμφάνιση Περισσότερες οδηγίες
Προσθήκη CSS κώδικα στο αρχείο HTML
Η
1 Ανοίξτε ένα νέο αρχείο στον προτιμάται το κείμενό σας ή HTML editor . Κάντε αντιγραφή και επικόλληση του κώδικα στο έγγραφο : < ! DOCTYPE HTML >
Τίτλος σελίδας < /title> <br> <p> < /head> <br> <p> <body> < /body> < /html > 2 <br> <p> Κάντε κλικ στην κενή γραμμή κάτω από το < ? title> tags και πληκτρολογήστε ένα ζευγάρι ετικέτες στυλ ως εξής : <br> <p> <title> Τίτλος σελίδας < /title> <style type="text/css"> <br> <p> < ;/style> <br> <p> Κατοχυρώνεται το τμήμα CSS της σελίδας . Όλα CSS κώδικα σας πηγαίνει ανάμεσα στο άνοιγμα και το κλείσιμο ετικέτες <style> . <br> Εικόνων 3 <p> Δημιουργήστε το στυλ CSS που επιθυμείτε . Για παράδειγμα , μπορεί να θέλετε να χρησιμοποιήσετε ένα CSS κανόνα του σώματος που μοιάζει με αυτό : . <br> <p> <style Type="text/css"> body { font-family : Arial , Helvetica , sans - serif ? font-size : 12px ? font-style : normal ? font-weight : normal ? font- παραλλαγή : κανονικό? } < /style > <br> Η 4 <p> Συνεχίστε να πληκτρολογείτε μέχρι ορισμούς CSS Web σας η σελίδα είναι διακοσμημένο με την ικανοποίηση σας . <br> 5 <p> Δημιουργήστε το περιεχόμενο της ιστοσελίδας σας ανάμεσα στο άνοιγμα και το κλείσιμο ετικέτες <body> . Εφαρμογή των κανόνων CSS σας προς το περιεχόμενο , όπως είναι επιθυμητό . <br> Η 6 <p> Αποθηκεύστε το αρχείο HTML με ένα " . Html " επέκταση . <br> Εικόνων Δημιουργήστε έναν εξωτερικό CSS αρχείο <br> Σελίδα 7 <p> Ανοίξτε ένα νέο αρχείο HTML στο προτιμώμενο κειμένου ή πρόγραμμα επεξεργασίας HTML . Κάντε αντιγραφή και επικόλληση του κώδικα στο έγγραφο : < ! DOCTYPE HTML > <br> <p> <html> <head> <meta charset="utf-8"> <title> Τίτλος σελίδας < /title> <br> <p> < /head> <br> <p> <body> < /body> < /html > <br> 8 <p> Κάντε κλικ στην κενή γραμμή αμέσως μετά η ετικέτα που <title> και πληκτρολογήστε τον ακόλουθο κώδικα , η οποία θα εισάγει το " 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 async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div>
<div class="grad3"></div>
</div>
<div class="fanyedads">
<ul>
<li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Software/desktop-publishing/116400.html' >Να έχουμε τη δυνατότητα να διευρύνει το Εκτύπωση </a>
<li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Software/desktop-publishing/116402.html' >Πώς να κάνει μια βασική μορφή Με InDesign CS4 </a>
</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">
<ul class="dsa31das">
<li><a href="http://www.221021.com/Software/desktop-publishing/118794.html" target="_blank">Πώς να εγκαταστήσετε PrintMaster 18 σε Vista </a></li>
<li><a href="http://www.221021.com/Software/desktop-publishing/117895.html" target="_blank">Πώς να τρέξει Autocad Lite 32 - Bit Σύμφωνα με επεξεργαστή 64 - Bit </a></li>
<li><a href="http://www.221021.com/Software/desktop-publishing/304271.html" target="_blank">Πώς μετακινείτε ένα έγγραφο στην επιφάνεια εργασίας; </a></li>
<li><a href="http://www.221021.com/Software/desktop-publishing/118937.html" target="_blank">Πώς να δημιουργήσετε μια επιτυχημένη φυλλάδιο </a></li>
<li><a href="http://www.221021.com/Software/desktop-publishing/116649.html" target="_blank">Γιατί είναι κειμένου μου επισημάνθηκαν Orange στο InDesign </a></li>
</ul>
</div>
<div class="dibud242">
<div class="biaotidasoidasf3h4">
<h4>Τελευταία άρθρα</h4>
<div class="nibushihenzaiyi"></div>
</div>
<ul class="thydghaodennrend">
<li><a href="http://www.221021.com/Software/desktop-publishing/116735.html" target="_blank">Συρματοπλέγματα Photoshop Tutorial </a></li>
<li><a href="http://www.221021.com/Software/desktop-publishing/116591.html" target="_blank">Πώς μπορώ να Re -Λήψη Microsoft Word </a></li>
<li><a href="http://www.221021.com/Software/desktop-publishing/118067.html" target="_blank">Πώς να αφαιρέσει νεότερη έκδοση του Adobe Reader για να εγκαταστήσετε Παλαιότερες </a></li>
<li><a href="http://www.221021.com/Software/desktop-publishing/116678.html" target="_blank">Πώς να κάνει ένα γράφημα σε XP </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>