Αποσπάσματα κώδικα 2025, Ιανουάριος

A, input, input, label, select, button, .pointer (δρομέας: δείκτης;) Ορισμένα στοιχεία που μπορούν να κάνουν κλικ μυστηριωδώς δεν ενεργοποιούν ένα δείκτη δρομέα στο "

Html (overflow-y: scroll;) Αυτό δεν είναι έγκυρο CSS, αλλά λειτουργεί σε όλα εκτός από το Opera. Ο λόγος για αυτό είναι να αποφευχθεί το «κεντράρισμα άλματα»

Τη στιγμή αυτής της γραφής, αυτό θα λειτουργήσει μόνο στο Chrome 18+, αλλά είναι τυποποιημένο, οπότε η υποστήριξη θα φτάσει τελικά παντού. @media print (σώμα ("

Οι Firefox και IE έχουν το κουμπί "select file" στα δεξιά του αρχείου, ενώ το WebKit το βάζει στα αριστερά. Αυτό κάνει το WebKit να το τοποθετεί στα δεξιά ως "

* Times New Roman-based stack * / font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New"

Σύνταξη σώματος (γραμματοσειρά: font-style font-variant font-weight font-size / line-height font-family;) In Use body (font: italic small-caps normal 13px / 150% Arial, "

* (margin: 0; padding: 0;) html, body (ύψος: 100%;) body #fixedElement (θέση: σταθερή! σημαντική; θέση: απόλυτη; / * δηλ. 6 και άνω * / κορυφή: 0; "

#footer (θέση: σταθερή; αριστερά: 0px; κάτω: 0px; ύψος: 30 εικονοστοιχεία; πλάτος: 100%; φόντο: # 999;) / * IE 6 * / * html #footer (θέση: απόλυτο; "

Ο αναλυτικός οδηγός μας για τη διάταξη CSS flexbox. Αυτός ο πλήρης οδηγός εξηγεί τα πάντα σχετικά με το flexbox, εστιάζοντας σε όλες τις διαφορετικές πιθανές ιδιότητες για το γονικό στοιχείο (το flex container) και τα θυγατρικά στοιχεία (τα στοιχεία flex). Περιλαμβάνει επίσης ιστορικό, επιδείξεις, μοτίβα και ένα γράφημα υποστήριξης προγράμματος περιήγησης. "

Ο Dan Cederholm χρησιμοποίησε εδώ και πολύ καιρό το Baskerville Italic ampersand και μας λέει να χρησιμοποιήσουμε το Best Ampersand Available (επίσης εδώ). Για καλύτερα ή χειρότερα, αυτό έχει "

Μπορείτε να αναστρέψετε εικόνες με CSS! Πιθανό σενάριο: να έχετε μόνο ένα γραφικό για ένα "βέλος", αλλά να το γυρίζετε για να δείχνει σε διαφορετικές κατευθύνσεις. "

Από τον σχεδιασμό v8 του CSS-Tricks. Προβολή επίδειξης πλοήγησης (φόντο: # 444; περιθώριο-κάτω: 8px στερεό # E6E2DF; υπερχείλιση: κρυφό; θέση: σχετικό; πλάτος: 100%;) "

Ο προσβάσιμος τρόπος Το καλύτερο στοίχημά σας είναι να παρακολουθήσετε το βίντεο 5 λεπτών του Ethan και στη συνέχεια να το αναφέρετε: CodePen Embed Fallback Ο τρόπος cross-browser (επιπλέον σήμανση) "

.center (πλάτος: 300px; ύψος: 300px; θέση: απόλυτο; αριστερά: 50%; κορυφή: 50%; περιθώριο-αριστερά: -150px; margin-top: -150px;) Τα αρνητικά περιθώρια είναι ακριβώς "

P: last-child: after (περιεχόμενο: "2766"; / * Εδώ έρχεται το φύλλο κισσού * / μέγεθος γραμματοσειράς: 150%; / * Κάνει το φύλλο μεγαλύτερο από το κανονικό κείμενο * / padding-left: 10px; "

# example-gradient (ύψος: 200 εικονοστοιχεία; περιθώριο: 0 0 20 εικονοστοιχεία 0; χρώμα φόντου: #eaeaea; μέγεθος φόντου: 20 εικονοστοιχεία 20 εικονοστοιχεία; εικόνα φόντου: "

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

Αν σας ενδιαφέρει το στυλ Webkit / Blink / Chrome, υπάρχει ένα ιδιόκτητο ψευδο στοιχείο για απόκρυψη και, στη συνέχεια, χρησιμοποιήστε ένα μη τυπικό "

Χρησιμοποιείται για την απομάκρυνση σκιών από στοιχεία μπλοκ (όπως div). .shadow (-moz-box-shadow: 3px 3px 5px 6px #ccc; -webkit-box-shadow: 3px 3px 5px 6px #ccc; "

#foo: checked :: before, input (θέση: απόλυτο; κλιπ: ορθό (0,0,0,0); κλιπ: ορθό (0 0 0 0);) #foo: επιλεγμένο, είσοδος + ετικέτα :: πριν ( περιεχόμενο:"

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

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

Κανονική σκιά κειμένου: p (κείμενο-σκιά: 1px 1px 1px # 000;) Πολλές σκιές: p (κείμενο-σκιά: 1px 1px 1px # 000, 3px 3px 5px μπλε;) Οι δύο πρώτες τιμές "

Πρόκειται για μια συλλογή προτύπων εκκίνησης για διατάξεις και μοτίβα που χρησιμοποιούν CSS Grid. Η ιδέα εδώ είναι να δείξουμε τι μπορεί να κάνει η τεχνική και "

Firefox 2 html> / ** / body .selector, x: -moz-any-link (χρώμα: lime;) Firefox 3 html> / ** / body .selector, x: -moz-any-link, x: προεπιλογή (χρώμα: ασβέστης) Οποιοδήποτε "

Ένας μεγάλος λόγος για τη χρήση της προφόρτωσης εικόνας είναι εάν θέλετε να χρησιμοποιήσετε μια εικόνα για την εικόνα φόντου ενός στοιχείου σε ένα ποντίκι πάνω ή: συμβάν αιωρήματος. Αν μόνο "

Βρείτε λάθη σε HTML και επισημάνετε τα κενά τους. / * Κενά Στοιχεία * / div: κενό, εύρος: άδειο, li: κενό, p: άδειο, td: κενό, ου: άδειο (παραγέμισμα: "

Sans-Serif Arial, sans-serif; Helvetica, sans-serif; Gill Sans, sans-serif; Lucida, sans-serif; Helvetica Narrow, sans-serif; Σανς σέριφ; Serif Times, "

Tbody tr: nth-child (odd) (background-color: #ccc;) "

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