Σπίτι > Yandex > Πώς να αλλάξετε έναν δείκτη σε μια λίστα. Δημιουργήστε μια λίστα με κουκκίδες στο MS Word. Θέση από κείμενο


Πώς να αλλάξετε έναν δείκτη σε μια λίστα. Δημιουργήστε μια λίστα με κουκκίδες στο MS Word. Θέση από κείμενο




Η δημιουργία μιας λίστας στο Microsoft Word είναι αρκετά απλή και χρειάζεται μόνο μερικά κλικ. Επιπλέον, το πρόγραμμα σάς επιτρέπει όχι μόνο να δημιουργείτε μια λίστα με κουκκίδες ή με αρίθμηση καθώς πληκτρολογείτε, αλλά και να μετατρέπετε κείμενο που έχει ήδη πληκτρολογηθεί σε λίστα.

Σε αυτό το άρθρο θα ρίξουμε μια πιο προσεκτική ματιά στον τρόπο δημιουργίας μιας λίστας στο Word.

Εάν σχεδιάζετε απλώς να εκτυπώσετε κείμενο που πρέπει να μορφοποιηθεί ως λίστα με κουκκίδες, ακολουθήστε τα εξής βήματα:

1. Τοποθετήστε τον κέρσορα στην αρχή της γραμμής που πρέπει να περιέχει το πρώτο στοιχείο λίστας.

2. Σε ομάδα "Παράγραφος", που βρίσκεται στην καρτέλα "Σπίτι", πάτα το κουμπί "Λίστα με κουκκίδες".

3. Εισαγάγετε το πρώτο στοιχείο στη νέα λίστα, πατήστε "ΕΙΣΑΓΩ".

4. Εισαγάγετε όλα τα επόμενα σημεία κουκκίδων κάνοντας κλικ στο τέλος του καθενός "ΕΙΣΑΓΩ"(μετά από τελεία ή άνω τελεία). Όταν ολοκληρώσετε την εισαγωγή του τελευταίου στοιχείου, πατήστε δύο φορές "ΕΙΣΑΓΩ"ή κάντε κλικ "ΕΙΣΑΓΩ", και μετά "BackSpace"για να βγείτε από τη λειτουργία δημιουργίας λίστας κουκκίδων και να συνεχίσετε να πληκτρολογείτε κανονικά.

Μετατροπή τελικού κειμένου σε λίστα

Προφανώς, κάθε στοιχείο στη μελλοντική λίστα θα πρέπει να βρίσκεται σε ξεχωριστή γραμμή. Εάν το κείμενό σας δεν είναι ήδη χωρισμένο σε γραμμές, κάντε το εξής:

1. Τοποθετήστε τον κέρσορα στο τέλος της λέξης, της φράσης ή της πρότασης που θα πρέπει να είναι το πρώτο στοιχείο στη μελλοντική λίστα.

2. Κάντε κλικ "ΕΙΣΑΓΩ".

3. Επαναλάβετε την ίδια ενέργεια για όλα τα παρακάτω στοιχεία.

4. Επιλέξτε ένα κομμάτι κειμένου που θα πρέπει να γίνει λίστα.

5. Στον πίνακα γρήγορης πρόσβασης στην καρτέλα "Σπίτι"κάντε κλικ στο κουμπί "Λίστα με κουκκίδες"(ομάδα "Παράγραφος").

    Συμβουλή:Εάν δεν υπάρχει ακόμα κείμενο μετά τη λίστα με κουκκίδες που δημιουργήσατε, κάντε διπλό κλικ "ΕΙΣΑΓΩ"στο τέλος της τελευταίας παραγράφου ή κάντε κλικ "ΕΙΣΑΓΩ", και μετά "BackSpace"για έξοδο από τη λειτουργία δημιουργίας λίστας. Συνεχίστε να πληκτρολογείτε ως συνήθως.

Εάν πρέπει να δημιουργήσετε μια αριθμημένη λίστα αντί για μια λίστα με κουκκίδες, κάντε κλικ στο κουμπί “Αριθμημένη λίστα”που βρίσκεται στην ομάδα "Παράγραφος"στην καρτέλα "Σπίτι".

Αλλαγή επιπέδου λίστας

Η αριθμημένη λίστα που δημιουργήθηκε μπορεί να μετακινηθεί προς τα αριστερά ή προς τα δεξιά, αλλάζοντας έτσι το «βάθος» της (επίπεδο).

1. Επιλέξτε τη λίστα με κουκκίδες που δημιουργήσατε.

"Λίστα με κουκκίδες".

3. Από το αναπτυσσόμενο μενού, επιλέξτε "Αλλαγή επιπέδου λίστας".

4. Επιλέξτε το επίπεδο που θέλετε να ορίσετε για τη λίστα με κουκκίδες που δημιουργήσατε.

Σημείωση:Καθώς αλλάζει το επίπεδο, αλλάζουν και οι σημάνσεις στη λίστα. Θα σας πούμε παρακάτω πώς να αλλάξετε το στυλ μιας λίστας με κουκκίδες (πρώτα απ 'όλα τον τύπο των κουκκίδων).

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

Σημείωση:Το κόκκινο βέλος στο στιγμιότυπο οθόνης δείχνει την αρχική καρτέλα για τη λίστα με κουκκίδες.

Επιλέξτε τη λίστα της οποίας το επίπεδο θέλετε να αλλάξετε, κάντε ένα από τα εξής:


Σημείωση:Ένα πάτημα πλήκτρου (ή πλήκτρα) μετακινεί τη λίστα κατά μία καρτέλα. Ο συνδυασμός "SHIFT+TAB" θα λειτουργήσει μόνο εάν η λίστα απέχει τουλάχιστον μία καρτέλα από το αριστερό περιθώριο της σελίδας.

Δημιουργία λίστας πολλαπλών επιπέδων

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

Αλλάξτε το στυλ μιας λίστας με κουκκίδες

Εκτός από τον τυπικό δείκτη που είναι εγκατεστημένος στην αρχή κάθε στοιχείου λίστας, μπορείτε να χρησιμοποιήσετε άλλους χαρακτήρες που είναι διαθέσιμοι στο MS Word για να το επισημάνετε.

1. Επιλέξτε τη λίστα με κουκκίδες που θέλετε να αλλάξετε.

2. Κάντε κλικ στο βέλος που βρίσκεται στα δεξιά του κουμπιού "Λίστα με κουκκίδες".

3. Επιλέξτε το κατάλληλο στυλ δείκτη από το αναπτυσσόμενο μενού.

4. Οι δείκτες στη λίστα θα αλλάξουν.

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

Σήμερα, κάθε άτομο πρέπει να έχει δεξιότητες υπολογιστή και να κατέχει τουλάχιστον ένα ελάχιστο σύνολο προγραμμάτων. Το τυπικό και πιο δημοφιλές περιλαμβάνει το Microsoft Word. Όταν εργάζονται στο Word, οι χρήστες αντιμετωπίζουν την ανάγκη να επισημάνουν ορισμένα εύρη κειμένου για λόγους σαφήνειας. Πολύ συχνά είναι απαραίτητο να εισαγάγετε μια λίστα σε ένα έγγραφο. Αυτό μπορεί να είναι μια λίστα με κουκκίδες ή μια αριθμημένη - ο χρήστης έχει την ευκαιρία να πλοηγηθεί ανάλογα με την κατάσταση.

Το πρόγραμμα σάς επιτρέπει να δημιουργείτε έγγραφα, γράμματα και έργα, χρησιμοποιώντας άφθονες ευκαιρίες για την εκμάθηση όλων των λειτουργιών του Microsoft Word, πρέπει να ξοδέψετε χρόνο, αλλά το αποτέλεσμα αξίζει τον κόπο.

Οι λίστες είναι απαραίτητες για να είναι το κείμενο σαφές και εκφραστικό. Οι αριθμημένες λίστες και οι λίστες με κουκκίδες σε ένα επίπεδο χρησιμοποιούνται στα περισσότερα έγγραφα. Σε διατριβές και επιστημονικές εργασίες χρησιμοποιείται κατάλογος πολλαπλών επιπέδων.

Αρίθμηση και δείκτες

Πρώτα απ 'όλα, πρέπει να επιλέξετε παραγράφους που θα πρέπει να μορφοποιηθούν ως λίστα. Αυτό μπορεί να γίνει χρησιμοποιώντας το ποντίκι ή απλά τοποθετώντας τον κέρσορα στην αρχή της γραμμής από την οποία θα ξεκινήσει η λίστα.

Στο MS Word υπάρχει μια καρτέλα "Αρχική σελίδα", στην οποία μπορείτε να επιλέξετε το επιθυμητό ένθετο στην ομάδα "Παράγραφος". Ο χρήστης κάνει κλικ στα κουμπιά "Αριθμοποίηση" ή "Δείκτες" και, στη συνέχεια, χρησιμοποιεί τον χάρακα για να ορίσει εσοχές. Αυτή η μέθοδος είναι πολύ απλή και απλή, αλλά ένας άπειρος χρήστης μπορεί να αντιμετωπίσει κρυφές δυσκολίες. Όταν εισάγετε ξανά λίστες με κουκκίδες και αριθμημένες λίστες, θα πρέπει να επεξεργαστείτε ξανά τις εσοχές.

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

Αριθμημένες λίστες

Κάθε στοιχείο λίστας επισημαίνεται με έναν αριθμό και η αρίθμηση προσαρμόζεται αυτόματα. Για να δημιουργήσετε και να επεξεργαστείτε λίστες, υπάρχει ένα κουμπί "Αριθμοποίηση" στην ομάδα "Παράγραφος". Μπορείτε επίσης να χρησιμοποιήσετε τη συνάρτηση "Αριθμοποίηση" στο μενού περιβάλλοντος της επιλεγμένης παραγράφου.

Επιλογές λίστας:

  • Η μορφή αριθμών καθορίζει ποιος χαρακτήρας θα εμφανίζεται δίπλα σε κάθε στοιχείο.
  • Το στυλ αρίθμησης μπορεί να επιλεγεί ανάλογα με τα χαρακτηριστικά ενός συγκεκριμένου εγγράφου: αραβικοί ή ρωμαϊκοί αριθμοί, κεφαλαία ή κ.λπ.
  • Το πεδίο "Τιμή έναρξης" σάς επιτρέπει να επιλέξετε τον αριθμό με τον οποίο θα ξεκινήσει η λίστα.
  • Στην περίπτωση που πρέπει να δημιουργήσετε μια παρόμοια λίστα, αλλά να την αριθμήσετε εκ νέου, είναι βολικό να χρησιμοποιήσετε τη λειτουργία "Έναρξη νέας λίστας". Πρέπει να επιλέξετε τα στοιχεία και να ορίσετε όλες τις παραμέτρους.

Μπορείτε να εισαγάγετε μια αριθμημένη λίστα αυτόματα. Για να το κάνετε αυτό πρέπει να κάνετε τα εξής:

  • Στην αρχή της παραγράφου, πριν εισαγάγετε κείμενο, πρέπει να βάλετε "1.", μετά "Διάστημα" ή Tab. Η παράγραφος θα εμφανιστεί ως το πρώτο στοιχείο στη λίστα.
  • Προσθέτοντας ένα πρόθεμα σε μια παράγραφο με "1)" και στη συνέχεια πατώντας Space ή Tab, ο χρήστης θα δημιουργήσει έναν διαφορετικό τύπο λίστας.
  • Κατ' αναλογία, καταρτίζονται λίστες με γράμματα. Στις γραμμές πρέπει να εισάγετε με τελεία ή παρένθεση. Μετά από κάθε παράγραφο πρέπει να πατήσετε Space ή Tab.

Δημιουργήστε αυτόματα μια λίστα με κουκκίδες

Μπορείτε να εισαγάγετε μια λίστα με κουκκίδες στο Word ως εξής:

  • Στην αρχή μιας παραγράφου, πρέπει να πληκτρολογήσετε έναν αστερίσκο ή ένα σύμβολο μεγαλύτερο από και, στη συνέχεια, να πατήσετε Space ή Tab.
  • Δημιουργήστε αυτόματα μια λίστα με κουκκίδες. Μπορείτε να το ενεργοποιήσετε μεταβαίνοντας στην καρτέλα "Αρχείο" και επιλέγοντας την ομάδα "Επιλογές". Στην καρτέλα "Ορθογραφία", επιλέξτε "Επιλογές αυτόματης διόρθωσης". Στην ενότητα "AutoFormat", πρέπει να επιλέξετε τα πλαίσια δίπλα στα στυλ.

Μπορείτε να δημιουργήσετε μια λίστα με κουκκίδες των παρακάτω τύπων:

Λίστα πολλαπλών επιπέδων

Οι λίστες με κουκκίδες και αριθμημένες λίστες είναι στοιχεία. Θα πρέπει να διαμορφωθούν όπως χρειάζεται ο χρήστης σε μια συγκεκριμένη περίπτωση. Η δομή μπορεί να επεξεργαστεί χρησιμοποιώντας τη συνάρτηση Define Multi-Level List. Είναι βολικό να ελέγξετε πώς εμφανίζονται όλες οι λίστες στην ομάδα "Λίστες σε έγγραφα". Για να αλλάξετε τις ρυθμίσεις γραμματοσειράς κάθε μεμονωμένης γραμματοσειράς, μια λίστα πολλών επιπέδων συσχετίζεται με στυλ παραγράφου.

Βασικές επιλογές για τη ρύθμιση μιας λίστας πολλαπλών επιπέδων

Κατά τη δημιουργία μιας λίστας, η οποία αποτελείται από πολλά επίπεδα, πρέπει να δώσετε προσοχή στις ακόλουθες παραμέτρους:

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

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

Πώς να αλλάξετε το στυλ του δείκτη;

Κάνοντας κλικ στο κουμπί «Δείκτες», μπορείτε να επιλέξετε την κατάλληλη επιλογή σε αυτήν την περίπτωση. Για να το κάνετε αυτό, μεταβείτε στην περιοχή "Βιβλιοθήκη" και κάντε κλικ σε αυτήν. Ο τύπος αρίθμησης επιλέγεται με τον ίδιο τρόπο: στην περιοχή «Βιβλιοθήκη αρίθμησης».

Για να μετατρέψετε μια αριθμημένη ή με κουκκίδες λίστα σε κείμενο στο Word, απλά πρέπει να πατήσετε το αντίστοιχο κουμπί.

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

Αφού καταλάβετε όλες τις δυνατότητες του Microsoft Word, η εργασία με έγγραφα θα είναι ευχάριστη και δεν θα χρειαστεί να αφιερώσετε πολύ χρόνο για τη μορφοποίηση κειμένου. Μια λίστα με κουκκίδες, όπως μια αριθμημένη, περιλαμβάνεται σχεδόν σε οποιοδήποτε έγγραφο και χρησιμοποιείται συχνά, επομένως θα είναι χρήσιμο για τον χρήστη του προγράμματος να εξοικειωθεί με τη δημιουργία λιστών διαφόρων τύπων.

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

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

Επεξεργασία και διαγραφή δεικτών

Για να αλλάξετε την προεπιλεγμένη εμφάνιση ενός δείκτη στο CSS, χρησιμοποιήστε την ιδιότητα τύπου list-style, η τιμή ορίζεται στον τύπο δείκτη με τον οποίο θέλετε να αντικαταστήσετε το πρότυπο.

Ένα παράδειγμα που δείχνει ορισμένους τύπους κουκκίδων για αριθμημένες λίστες:

Ιδιότητα CSS:

list-style-type:

Αποτέλεσμα:

  1. Κάντε κλικ στην τιμή της ιδιότητας τύπου list-style
  2. Δείτε τους μαρκαδόρους να αλλάζουν
  3. Χρησιμοποιήστε τις πιο κατάλληλες κουκκίδες για τις λίστες σας

Ol#myList (
list-style-type: δεκαδικός ;
}

Κάντε κλικ σε οποιαδήποτε τιμή ιδιότητας για να δείτε το αποτέλεσμα

Για λίστες με κουκκίδες, υπάρχουν μόνο τρεις τύποι δεικτών, οι οποίοι μπορούν να καθοριστούν χρησιμοποιώντας τις τιμές κύκλου, δίσκου και τεμαχισμού:

Όνομα εγγράφου

  • Καφές
  • Τσάι
  • Καφές
  • Τσάι
  • Καφές
  • Τσάι
Δοκιμάστε "

Χρησιμοποιώντας την τιμή none, μπορείτε να αφαιρέσετε δείκτες από στοιχεία της λίστας, αλλά η αριστερή εσοχή θα παραμείνει:

Όνομα εγγράφου

  • Καφές
  • Τσάι
  1. Καφές
  2. Τσάι
Δοκιμάστε "

Αντικατάσταση μαρκαδόρων με εικόνες

Εάν κανένας από τους προεπιλεγμένους δείκτες δεν σας ταιριάζει, τότε το CSS παρέχει τη δυνατότητα να τους αντικαταστήσετε με οποιαδήποτε εικόνα, η ιδιότητα list-style-image θα σας βοηθήσει σε αυτό, στην τιμή της οποίας πρέπει να καθορίσετε τη διαδρομή προς την επιλεγμένη εικόνα.

Λάβετε υπόψη το γεγονός ότι η εικόνα δεν θα κλιμακωθεί αυτόματα ώστε να ταιριάζει στη λίστα και θα εμφανίζεται στο δικό της μέγεθος, επομένως θα πρέπει να επιλέξετε μια εικόνα κατάλληλου μεγέθους ή να επεξεργαστείτε μια υπάρχουσα, μειώνοντας ή μεγεθύνοντάς την στο επιθυμητό μέγεθος:

Όνομα εγγράφου

  • Καφές
  • Τσάι
  1. Καφές
  2. Τσάι
Δοκιμάστε "

Εσοχή λίστας

Όταν καταργείτε κουκκίδες από στοιχεία λίστας, μπορείτε επίσης να αφαιρέσετε ή να μειώσετε το προεπιλεγμένο μέγεθος αριστερής συμπλήρωσης του προγράμματος περιήγησης. Για να αφαιρέσετε εντελώς το padding, θα χρειαστεί να χρησιμοποιήσετε την ιδιότητα padding-left, η οποία σας επιτρέπει να προσαρμόσετε το padding:

Όνομα εγγράφου

  • Καφές
  • Τσάι
  1. Καφές
  2. Τσάι
Δοκιμάστε "

Στο παράδειγμα, αφαιρέσαμε εντελώς την εσοχή στην αριστερή πλευρά, έτσι τα στοιχεία της λίστας ταιριάζουν πλέον στην άκρη του παραθύρου του προγράμματος περιήγησης. Και όπως μπορείτε να δείτε από το παράδειγμα, η λίστα με κουκκίδες εμφανίζεται ακριβώς όπως προορίζεται, αλλά οι δείκτες λείπουν από την αριθμημένη λίστα. Ο λόγος βρίσκεται στους ίδιους τους δείκτες - από προεπιλογή, οι δείκτες δεν αποτελούν μέρος του περιεχομένου των στοιχείων της λίστας, επομένως εάν αφαιρέσετε την αριστερή εσοχή δεν μετακινούνται μαζί με τα περιεχόμενα των στοιχείων

  • , αλλά απλώς κρυφτείτε πίσω από την άκρη του παραθύρου του προγράμματος περιήγησης.

    Η ιδιότητα list-style-position καθορίζει εάν η κουκκίδα πρέπει να τοποθετηθεί εντός ή εκτός των στοιχείων της λίστας. Αυτή η ιδιότητα μπορεί να λάβει δύο τιμές:

    • έξω - ο δείκτης βρίσκεται στα αριστερά του περιεχομένου (αυτή είναι η προεπιλογή)
    • μέσα - ο δείκτης βρίσκεται μέσα στο στοιχείο της λίστας μαζί με το περιεχόμενο

    Τώρα μπορείτε να ξαναγράψετε το προηγούμενο παράδειγμα έτσι ώστε η εσοχή στην αριστερή πλευρά να αφαιρεθεί, αλλά οι δείκτες να μην ξεφεύγουν από την άκρη του προγράμματος περιήγησης:

    Όνομα εγγράφου

    • Καφές
    • Τσάι
    • Καφές
    • Τσάι
    • Καφές
    • Τσάι
    Δοκιμάστε "

    Στο παράδειγμα, προστέθηκε ένα περίγραμμα σε κάθε στοιχείο λίστας για να εμφανιστούν οπτικά τα όρια των στοιχείων της λίστας.

    Λίστες CSS— ένα σύνολο ιδιοτήτων που είναι υπεύθυνες για το σχεδιασμό των καταλόγων. Η χρήση λιστών HTML είναι πολύ συνηθισμένη κατά τη δημιουργία γραμμών πλοήγησης ιστότοπου. Τα στοιχεία λίστας αντιπροσωπεύουν μια συλλογή στοιχείων μπλοκ.

    Χρησιμοποιώντας τυπικές ιδιότητες CSS μπορείτε αλλάξτε την εμφάνιση του δείκτη λίστας, προσθέστε μια εικόνα για το δείκτη, και αλλαγή θέσης δείκτη. Το ύψος του μπλοκ δείκτη μπορεί να οριστεί με την ιδιότητα line-height.

    Σχεδιασμός λιστών χρησιμοποιώντας στυλ CSS

    1. Τύπος δείκτη λίστας list-style-type

    Η ιδιότητα αλλάζει τον τύπο δείκτη ή αφαιρεί τον δείκτηγια λίστες με κουκκίδες και αριθμημένες λίστες. Κληρονόμησε.

    λίστα-στυλ-τύπου
    Αξίες:
    δίσκος Προεπιλεγμένη τιμή. Ένας γεμάτος κύκλος λειτουργεί ως δείκτης για στοιχεία λίστας.
    αρμενικός Παραδοσιακή αρμένικη αρίθμηση.
    κύκλος Ένας ανοιχτός κύκλος λειτουργεί ως δείκτης.
    cjk-ιδεογραφικό Ιδεογραφική αρίθμηση.
    δεκαδικός 1, 2, 3, 4, 5, …
    δεκαδικό-προπορευόμενο-μηδέν 01, 02, 03, 04, 05, …
    γεωργιανή Παραδοσιακή γεωργιανή αρίθμηση.
    Εβραϊκά Παραδοσιακή εβραϊκή αρίθμηση.
    Χιραγκάνα Ιαπωνική αρίθμηση: a, i, u, e, o,…
    hiragana-iroha Ιαπωνική αρίθμηση: i, ro, ha, ni, ho,…
    κατακανα Ιαπωνική αρίθμηση: A, I, U, E, O,…
    κατάκανα-ιρόχα Ιαπωνική αρίθμηση: I, RO, HA, NI, HO,…
    κατώτερο-άλφα α, β, γ, δ, ε,…
    κατώτερος-ελληνικός Πεζοί χαρακτήρες του ελληνικού αλφαβήτου.
    κατώτερο-λατινικό α, β, γ, δ, ε,…
    κατώτερο ρωμαϊκό i, ii, iii, iv, v,…
    κανένας Δεν υπάρχει δείκτης.
    τετράγωνο Ένα γεμάτο ή μη τετράγωνο λειτουργεί ως δείκτης.
    άνω-άλφα Α, Β, Γ, Δ, Ε,…
    άνω-λατινικό Α, Β, Γ, Δ, Ε,…
    ανώτερος-ρομαντικός I, II, III, IV, V,…
    αρχικός Ορίζει την τιμή της ιδιότητας στην προεπιλεγμένη τιμή.
    κληρονομώ Κληρονομεί την τιμή της ιδιότητας από το γονικό στοιχείο.

    Σύνταξη

    Ul (τύπος λίστας: κανένας;) ul (τύπος λίστας: τετράγωνο;) ol (τύπος λίστας: κανένας;) ol (τύπος λίστας: χαμηλότερο-άλφα;) Ρύζι. 1. Παράδειγμα σχεδιασμού λιστών με κουκκίδες και αριθμημένες λίστες

    2. Εικόνες για στοιχεία λίστας λίστα-στυλ-εικόνα

    Μπορείτε να χρησιμοποιήσετε εικόνες και γεμίσματα διαβάθμισης ως δείκτες στοιχείων λίστας. Κληρονόμησε.

    Σύνταξη

    Ul (list-style-image: url("images/romb.png");) ul (list-style-image: linear-gradient(#FF7A2F 0, #FF7A2F 50%, #FFB214 50%);)
    Ρύζι. 2. Σχεδιάστε μια λίστα με κουκκίδες χρησιμοποιώντας μια εικόνα
    Ρύζι. 3. Σχεδιάστε μια λίστα με κουκκίδες χρησιμοποιώντας μια κλίση

    3. Λίστα-στυλ-θέση

    Αυτή η ιδιότητα παρέχει τη δυνατότητα τοποθέτησης του δείκτη εκτός ή εντός του περιεχομένου του στοιχείου της λίστας. Κληρονόμησε.

    Σήμερα θα καταλάβουμε πώς δημιουργούνται οι λίστες σε μια ιστοσελίδα, ποιοι δείκτες χρησιμοποιούνται και θα δοκιμάσουμε διαφορετικά στυλ για να αλλάξουμε την εμφάνιση.

    Επιτρέψτε μου να σας υπενθυμίσω πώς συνδέονται τα στυλ με μια σελίδα HTML:

    Υπάρχουν css λίστα με κουκκίδες ή μη διατεταγμένες και αριθμημένες.

    Λίστα δεικτώνείναι εικόνες διαφορετικών σχημάτων: κύκλοι, τετράγωνα, σακάδια και παρόμοια. Λέγονται και σφαίρες. Μπορείτε επίσης να χρησιμοποιήσετε τα δικά σας σχέδια ως δείκτες για τη λίστα.

    Αριθμημένη λίστααντιπροσωπεύει την έξοδο των πληροφοριών με αριθμό 1, 2, 3, κ.λπ.

    Συνήθως, οι δείκτες είναι απλοί μαύροι κύκλοι, οι οποίοι είναι οικείοι στον χρήστη, αλλά από την άλλη πλευρά, δεν τραβούν ιδιαίτερη προσοχή στο κείμενο.

    Εάν αποφασίσετε να αντικαταστήσετε αυτές τις κούπες με επώνυμα, τότε πρέπει να κυριαρχήσετε στυλ μιας λίστας χρησιμοποιώντας css. Τι θα κάνουμε σήμερα;

    Η βάση οποιασδήποτε λίστας αποτελείται από τον ακόλουθο κώδικα ιστοσελίδας:

    • Πρώτο στοιχείο της λίστας
    • Δεύτερο στοιχείο της λίστας
    • Τελευταίο στοιχείο της λίστας

    Αυτό το μπλοκ μοιάζει με αυτό:

    • Πρώτο στοιχείο της λίστας
    • Δεύτερο στοιχείο της λίστας
    • Τελευταίο στοιχείο της λίστας

    Css στυλ δεικτών λίστας

    Θα γράψουμε την εξωτερική έξοδο στο αρχείο στυλ στυλ.css. Μπορεί να ονομάζεται διαφορετικά, αλλά έχει επέκταση .css.

    Τυπικοί δείκτες CSS: κύκλος (κύκλος) - μη συμπληρωμένος κύκλος, σημείο (δίσκος) - γεμάτος κύκλος, τετράγωνο (τετράγωνο) - γεμάτο τετράγωνο.

    Δημιουργεί μια λίστα σε κώδικα css ul- με τη βοήθειά του ορίζουμε ποιοι από τους τυπικούς δείκτες θα εμφανίζονται στη σελίδα.

    Για παράδειγμα, ας εμφανίσουμε λίστες χρησιμοποιώντας έναν κύκλο. Η καταχώρηση στο αρχείο css θα είναι η εξής:

    Ul (τύπος λίστας: κύκλος)

    Αλλά συχνά είναι απαραίτητο να αντικαταστήσετε τους δείκτες όχι σε όλες τις εμφανιζόμενες λίστες, αλλά μόνο σε ορισμένα μπλοκ. Για παράδειγμα, αλλαγή στις αναρτήσεις, αλλά όχι στα σχόλια. Σε αυτήν την περίπτωση, ο κώδικας ul δεν θα πρέπει να έχει κανένα νόημα και το στυλ κύκλου θα πρέπει να προσδιορίζεται μόνο για λίστες σε αναρτήσεις. Έτσι φαίνεται ο κώδικας χωρίς την τιμή:

    Ul (τύπος λίστας: κανένα)

    Εάν δεν μπορείτε να βρείτε τον κώδικα στο αρχείο css που είναι υπεύθυνο για την εμφάνιση της λίστας στο μπλοκ που χρειάζεστε, χρησιμοποιήστε την προσθήκη για Firefox - Firebug ή στο Google Chrom, κάντε δεξί κλικ στην ιστοσελίδα του ιστολογίου. Στη συνέχεια, "προβολή κωδικού στοιχείου".

    Για παράδειγμα, μία από τις επιλογές για την αλλαγή της εμφάνισης της λίστας στις αναρτήσεις σε έναν τυπικό κύκλο εάν δεν υπάρχει περιεχόμενο για το μπλοκ ul:

    ul μετά το περιεχόμενο (λίστα-στυλ-τύπος: κύκλος)

    Ή άλλο παράδειγμα:

    #content-blok ul(list-style-type:square)

    Ολοκληρωμένο μάθημα «Πρακτική Css»

    ]]> ]]>

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

    Για όσους θέλουν μάθετε κόλπα στυλ css πολύ γρήγορα, ]]> προτείνω ]]> μάθημα για προχωρημένους "Πρακτική CSS" του Evgeniy Popov.

    Επόμενα άρθρα:

    Γραφικοί δείκτες για τη λίστα.

    Λίστα εσοχή css.

    Πώς να αλλάξετε το χρώμα css ενός δείκτη λίστας έτσι ώστε το χρώμα του να είναι διαφορετικό από το χρώμα του κειμένου.

    Ένθετες λίστες. Πώς να δημιουργήσετε μια οριζόντια λίστα στο css. Αλλάξτε το στυλ των αριθμημένων λιστών.

    Κατεβάστε όμορφους δείκτες για λίστες τοποθεσιών.