# 045: Ενότητες Hot Link - CSS-Κόλπα

Anonim

Διότι πιστεύω ότι για πρώτη φορά σε αυτήν τη σειρά, θα προσθέσουμε κάποια νέα πράγματα στο σχεδιασμό απευθείας δουλεύοντας στο πρόγραμμα περιήγησης (δεν ξεκινά πρώτα από το Photoshop). Στόχος μας είναι να σχεδιάσουμε τις ενότητες "Hot Links" που εμφανίζονται στην αρχική σελίδα.

Επισημαίνουμε κάθε ενότητα στην αρχική σελίδα με ετικέτες κεφαλίδας. Για παράδειγμα, "Τελευταίες αναρτήσεις ιστολογίου" και "Hot Links". Σημασιολογικά, πρέπει να χρησιμοποιούμε ένα h2, αλλά το γενικό στυλ h2 είναι πολύ έντονο για αυτήν την περιοχή. Χρησιμοποιούμε το κλασικό τέχνασμα όπου έχουμε αντικαταστάσεις ονόματος τάξης για το στυλ κεφαλίδας. Με αυτόν τον τρόπο μπορούμε πάντα να χρησιμοποιούμε τη σωστή σημασιολογική ετικέτα αλλά να μπορούμε να παρακάμψουμε το στυλ ανά πάσα στιγμή με το στυλ από την κεφαλίδα που θέλουμε. π.χ


Οι ενότητες Hot Link είναι σε μεγάλο βαθμό οι ίδιες με τις ενότητες άρθρων μόνο λιγότερο περίπλοκες και έχουν ένα κόκκινο τετράγωνο στην επάνω αριστερή γωνία αντί για ένα πορτοκαλί τετράγωνο.