Προγραμματισμός

Γνώση Υπολογιστών >> Προγραμματισμός >  >> Γλώσσες Προγραμματισμού Υπολογιστών

Πώς να αλλάξετε το χρώμα του CSS Links

Internet Explorer , Firefox , Opera και Google Chrome , μεταξύ άλλων, προγράμματα περιήγησης στο Web , έχουν την ίδια προεπιλεγμένη ρύθμιση για τους συνδέσμους υπερκειμένου . Αν ο σύνδεσμος δεν έχει πατηθεί ή να επισκεφθεί , το κείμενο αυτό είναι μπλέ . Εάν η ιστοσελίδα επισκέφτηκαν ή το κείμενο που έγινε κλικ , το κείμενο είναι ματζέντα . Το παρακάτω παραθέτει τα βήματα που απαιτούνται για να αλλάξετε το χρώμα του κειμένου του unvisited σύνδεσμο και το χρώμα του κειμένου του επισκέφθηκε δεσμός . Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου , όπως SourceEdit
Έγγραφο λογισμικό φόρτωμα όπως FileZilla
Η Εμφάνιση Περισσότερες οδηγίες
εγκατάστασης , στυλ και οδηγίες
Η 1

Δημιουργήστε ένα πρότυπο έγγραφο XHTML , όπως φαίνεται , και να το αποθηκεύσετε ως " link- color.html " : ! < DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR /xhtml1/DTD/xhtml1-transitional.dtd " > < html xmlns = " http://www.w3.org/1999/xhtml " xml : lang = " el " Φτηνές 2

Πληκτρολογήστε τα ακόλουθα μεταξύ της < /title> tags , για να δώσει το έγγραφο HTML έναν τίτλο σελίδας : <title> CSS Color Σύνδεσμος < /title> <br> Η < br > 3 <p> Προσθέστε την αρχή και το τέλος <style> < /style> ετικέτες μεταξύ των <head> < /head> tags : <head> <title> CSS Χρώμα συνδέσμου < /title> < ? style> < /style> < /head> <br> Η 4 <p> Δημιουργήστε ένα σύνδεσμο στην αρχική σελίδα της Google , όπως φαίνεται παρακάτω: <a href="http://www.google.com"> ? . Αρχική σελίδα της Google < /a> Τοποθετήστε αυτόν τον κώδικα μεταξύ του <body> < /body> <br> 5 <p> Πληκτρολογήστε την ετικέτα " a" ανάμεσα στην <style> < /span > tags . Στη συνέχεια , πληκτρολογήστε ένα ζευγάρι αγκύλες " { } " . Στη συνέχεια , πληκτρολογήστε " χρώμα: πράσινο ? " Ανάμεσα στα άγκιστρα , όπως φαίνεται : <style> ένα { χρώμα : πράσινο? } < /Style > Με τον τρόπο αυτό , το <style> < /style> ετικέτες δημιουργούν ένα φύλλο στυλ , το οποίο περιέχει οδηγίες για το πώς εμφανίζονται τα στοιχεία σε μια ιστοσελίδα . Σε αυτή την περίπτωση , κάθε " " ετικέτα στην ιστοσελίδα θα έχουν πράσινο κείμενο . Το χαρακτηριστικό " χρώμα " σημαίνει το χρώμα της γραμματοσειράς . Η αξία του χρώματος γραμματοσειράς , στην προκειμένη περίπτωση , είναι πράσινο . <br> Η <p> 6 Πατήστε το πλήκτρο "Enter" μετά το άγκιστρο στο Βήμα 5 . Πληκτρολογήστε την δεύτερη εντολή , όπως φαίνεται παρακάτω: α: επισκέφθηκε {color : lime ? } Η λέξη " επισκέφθηκε " είναι ένα ψευδο -class , το οποίο σημαίνει ότι όταν ο χρήστης κάνει κλικ στο κείμενο μεταξύ των "a" tag , το κείμενο μετατρέπεται σε πράσινο . <br> Η 7 <p> Αποθηκεύστε και να ανεβάσετε το αρχείο σας . Αν δεν έχετε επισκεφθεί το Google σήμερα , τότε το χρώμα του συνδέσμου θα είναι πράσινο . Κάντε κλικ στο σύνδεσμο . Τώρα πατήστε το κουμπί πίσω και να ανανεώσετε τη σελίδα . Χρώμα συνδέσμου σας πρέπει να είναι σε πράσινο . <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/Programming/computer-programming-languages/88766.html' >HTML Mailto Tutorial </a> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/computer-programming-languages/88768.html' >Πώς να αυξήσετε την απόδοση της Έκθεσης Κρίσταλ έτσι θα τρέξει πιο γρήγορα </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/Programming/computer-programming-languages/88066.html" target="_blank">Πώς να κάνει ένα διάγραμμα ροής που δείχνει μια Array </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/87917.html" target="_blank">Πώς να γράψει μια εφαρμογή μετατροπής θερμοκρασίας που μετατρέπει από Φαρενάιτ σε Κελσίου </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/86890.html" target="_blank">Πώς να κάνετε Κορδέλες στο CSS3 </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/334829.html" target="_blank">Ποιο είναι το όνομα ενός προγράμματος που επιτρέπει στον υπολογιστή να λειτουργεί σωστά; </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/86369.html" target="_blank">Μπορείτε να Τοποθετήστε ένα PDF σε ένα Ακριβής Στόχος το Email Blast </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/Programming/computer-programming-languages/325321.html" target="_blank">Τι προγραμματισμό συστήματος; </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/88645.html" target="_blank">Απαιτήσεις συστήματος για το Visual Studio 2008 Express </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/88177.html" target="_blank">Προγράμματα Γλώσσα Συνέλευση για IBM PC </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/316627.html" target="_blank">Ποια είναι τα προγράμματα που δίνουν οδηγίες που ονομάζονται υπολογιστές; </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>