Περιεχόμενο

• Οδηγίες
• επικεφαλίδα
• Πώς
• Ανακοίνωση

Η πραγματοποίηση αλλαγών στις δηλώσεις CSS ("Cascading Style Sheet") που εφαρμόζονται σε ένα στοιχείο HTML μπορεί να φανεί περίπλοκο έργο. Ωστόσο, όσο προσεγγίζεται συστηματικά, είναι δυνατή η πραγματοποίηση των απαραίτητων αλλαγών χωρίς επιπλοκές. Μια ενιαία ιστοσελίδα μπορεί να χρησιμοποιήσει ιδιότητες στυλ από πολλαπλές πηγές. Με αυτόν τον τρόπο, το αρχικό σας καθήκον θα είναι να μάθετε από πού προέρχονται οι δηλώσεις για το "div" σας. Αφού εντοπιστεί, μπορείτε να τους αποτρέψετε να επηρεάσουν το στοιχείο αλλάζοντας τον κώδικα HTML ή CSS.

Οδηγίες

Οι ιστότοποι χρησιμοποιούν HTML και CSS για να καθορίσουν την εμφάνιση και το στυλ (Comstock / Comstock / Getty Images)

1. Μάθετε πού αποθηκεύεται το CSS της ιστοσελίδας. Ο κώδικας CSS μπορεί να εμφανιστεί σε ετικέτες, πράγμα που σημαίνει ότι οι δηλώσεις στυλ παρατίθενται ως μέρος της σήμανσης ενός στοιχείου όπως στη σύνταξη του παρακάτω παραδείγματος: Περιεχόμενο

   Αν αυτός ο κώδικας εμφανίζεται στο "div", μπορείτε να αφαιρέσετε ολόκληρο το χαρακτηριστικό "στυλ" με την αξία του. Ο κώδικας CSS μπορεί να εμφανιστεί στην ενότητα "κεφάλι" της σελίδας ως εξής: body {background-color: # 000000;}

   Ο κώδικας CSS μπορεί επίσης να εμφανιστεί σε ένα ή περισσότερα χωριστά αρχεία CSS με συνδέσμους στην ενότητα "κεφάλι" της σελίδας ως εξής:

2. Εάν η σελίδα σας έχει κώδικα CSS στην ενότητα "κεφάλι" ή σε ξεχωριστά αρχεία, θα πρέπει να αναζητήσετε σε όλους τους κωδικούς CSS για να αλλάξετε το στυλ του στοιχείου "div".

   
   

3. Ελέγξτε αν ο κώδικας CSS αναφέρεται σε στοιχεία "div". Το CSS μπορεί να εφαρμοστεί σε έναν τύπο στοιχείου, όπως τα εξής: div {padding: 5px; }}

   Αν το CSS στο "κεφάλι" της σελίδας σας ή σε ξεχωριστά αρχεία έχει το αναγνωριστικό "div" που χρησιμοποιείται με αυτόν τον τρόπο, ο κώδικας μέσα στο μπλοκ CSS θα επηρεάσει το στοιχείο του. Για να αλλάξετε την επίδραση στο "div" σας, αλλά αφήστε τον κώδικα να εφαρμοστεί σε άλλα στοιχεία "div" στον ιστότοπο, μπορείτε να αλλάξετε το "div" σε διαφορετικό τύπο στοιχείου. Εναλλακτικά, μπορείτε να αλλάξετε τον κώδικα CSS που θα εφαρμοστεί μόνο σε στοιχεία "div" με ένα συγκεκριμένο χαρακτηριστικό κλάσης, προσθέτοντας αυτό το χαρακτηριστικό στα στοιχεία "div" στα οποία θέλετε να εφαρμοστεί το CSS.

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

   
   

   Αν το "div" σας έχει χαρακτηριστικό κλάσης, δείτε την τιμή του χαρακτηριστικού στον κώδικα CSS. Μπορεί να εμφανιστεί στο δικό της χαρακτηριστικό, ως εξής: .top {/Δηλώσεις CSS/ }

   Εναλλακτικά, μπορεί να εμφανιστεί μαζί με τον τύπο στοιχείου ως εξής: div.top {/Δηλώσεις CSS/ }

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

5. Ελέγξτε τον κώδικα CSS για το αναγνωριστικό στοιχείου. Το στοιχείο σας μπορεί να έχει ένα μοναδικό αναγνωριστικό ταυτότητας, ως εξής: Κορυφαίο περιεχόμενο

   Εάν το στοιχείο σας έχει χαρακτηριστικό ταυτότητας, αναζητήστε το μέσα στο CSS, αναζητώντας την ακόλουθη σύνταξη:

   επικεφαλίδα

   /Δηλώσεις CSS/ }

   Σε κάθε σελίδα, μια τιμή χαρακτηριστικού ταυτότητας θα πρέπει να εμφανίζεται μόνο μία φορά, δεδομένου ότι το αναγνωριστικό πρέπει να είναι μοναδικό. Η αλλαγή της τιμής του αναγνωριστικού πρέπει να εμποδίζει τον κώδικα CSS να επηρεάζει το στοιχείο "div". Μπορείτε να αλλάξετε ή να αφαιρέσετε προαιρετικά τον κώδικα CSS, αλλά ενδέχεται να επηρεάσουν στοιχεία με το ίδιο αναγνωριστικό σε άλλες σελίδες στον ιστότοπό σας, εάν χρησιμοποιούν τον ίδιο κωδικό CSS.

6. Αναζητήστε τους κωδικούς CSS που επηρεάζουν τα γονικά ή τα παιδικά στοιχεία του "div" σας. Ο κώδικας CSS για γονικά στοιχεία θα έχει μια αντίδραση στο "div" σας, επομένως ίσως χρειαστεί να κάνετε αλλαγές στον κώδικα αυτό, αν και μπορεί να επηρεάσουν τον υπόλοιπο ιστότοπό σας. Τα στοιχεία μέσα στο "div" μπορεί επίσης να έχουν προσαρμόσει τον κώδικα CSS. Ελέγξτε χρησιμοποιώντας την ίδια μέθοδο που χρησιμοποιείται για το ίδιο το "div", δουλεύοντας με κάθε ένα από τα παιδικά στοιχεία τη φορά.

Πώς

• Τα εργαλεία περιήγησης, όπως το Firebug, μπορούν να είναι χρήσιμα όταν αλλάζετε κώδικα HTML και CSS.

Ανακοίνωση

• Οι αλλαγές σε υπάρχοντα ιστότοπο ενδέχεται να έχουν απροσδόκητες συνέπειες. Για το λόγο αυτό, συνιστάται η αποθήκευση αντιγράφων όλων των αρχείων που σκοπεύετε να αλλάξετε.