Εξωτερικά φύλλα στυλ και ενσωματωμένα φύλλα στυλ CSS

Ενδέχεται 8, 2024

Υπάρχουν μερικά πράγματα που κάνουν τα εξωτερικά φύλλα στυλ διαφορετικά από τα ενσωματωμένα φύλλα στυλ.

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

Παράδειγμα

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

Παράδειγμα

σώμα {χρώμα-φόντου: #ffffff}

p {μέγεθος γραμματοσειράς: 12pt; χρώμα: # 000000; κείμενο-ευθυγράμμιση: κέντρο}

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

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

Οδηγίες Βίντεο: Responsive Design with Bootstrap by Neel Mehta (Ενδέχεται 2024).

Εξωτερικά φύλλα στυλ και ενσωματωμένα φύλλα στυλ CSS, HTML, ποια είναι η διαφορά ανάμεσα στα ενσωματωμένα και τα εξωτερικά φύλλα στυλ, τα εξωτερικά φύλλα στυλ, τα ενσωματωμένα φύλλα στυλ, την ετικέτα σύνδεσης, τις δηλώσεις εισαγωγής, τον τρόπο χρήσης του ενσωματωμένου φύλλου στυλ, τον τρόπο χρήσης του εξωτερικού στυλ φύλλο, HTML, XHTML, DHTML, φιλοξενείται CGI, φιλοξενεί ιστοσελίδες, domain, ονόματα τομέα, FTP, JPEG, GIF, CSS, πώς να

Προηγούμενο Άρθρο

Επόμενο Άρθρο

Σχετικά Άρθρα

Υπολογιστές

Λήψη ISBN για το eBook σας

Ενδέχεται 2024

Ο καθένας μπορεί να γράψει ένα eBook. Δεν μπορούν όλοι να γράψουν ένα eBook που θα έχει μεγαλύτερη επιτυχία στο να διαβάζεται σε πολλούς αναγνώστες eBook. Ένας σίγουρος τρόπος για να κερδίσετε...

Υπολογιστές

Τι είναι η μητρική πλακέτα;

Ενδέχεται 2024

Η μητρική πλακέτα είναι η κύρια πλακέτα συστήματος για τον υπολογιστή και παρέχει τον αυτοκινητόδρομο δεδομένων (ή το σύστημα διαύλου) που μετακινεί δεδομένα μεταξύ των στοιχείων στη μητρική πλακέτα...