Αποσπάσματα κώδικα 2025, Ιανουάριος
NEWS. Wrapper (περιθώριο: 50px auto; πλάτος: 280px; ύψος: 370px; φόντο: λευκό; ακτίνα περιγράμματος: 10px; -webkit-box-shadow: 0px 0px 8px rgba (0,0,0,0.3); "
Div (ελάχιστο ύψος: 500 εικονοστοιχεία; ύψος: αυτόματο! σημαντικό; ύψος: 500 εικονοστοιχεία;) Λειτουργεί επειδή (ευτυχώς;) Το IE αντιμετωπίζει το "ύψος" πώς υποτίθεται το "ελάχιστο ύψος"
Li (πλάτος: 200 εικονοστοιχεία; ελάχιστο ύψος: 250 εικονοστοιχεία; περίγραμμα: 1 εικονοστοιχείο στερεό # 000; οθόνη: -moz-inline-stack; οθόνη: inline-block; κάθετη-ευθυγράμμιση: κορυφή; περιθώριο: 5 εικονοστοιχεία; ζουμ: "
Ξεκινήστε τα αρχεία CSS με αυτό το PHP (και ονομάστε το style.php): body (χρώμα: κόκκινο;) Στη συνέχεια καλέστε το CSS σας με το όνομα αρχείου PHP: "
A: before (content: "2709";) .phone: before (content: "2706";). σημαντικό: πριν (περιεχόμενο: "27BD";) blockquote: before (content: "275D";) "
Παράδειγμα: body (μέγεθος γραμματοσειράς: 62,5% / * 1em = 10px * /) Τα περιεχόμενα μέσα στα / * * / σημάδια είναι σχόλια CSS. Αυτό σας επιτρέπει να εισάγετε σημειώσεις στο CSS που θα "
Αυτό θα σας τελειοποιήσει αυτές τις μέρες (IE 8 και νεότερες εκδόσεις): .group: after (content: ""; display: table; clear: two;) Εφαρμόστε το σε οποιοδήποτε γονικό στοιχείο στο οποίο εσείς "
Λάβαμε μια καλή συμβουλή από τη Lydia Dugger μέσω email με μια μέθοδο για την αλλαγή των στυλ που εφαρμόζουν τα προγράμματα περιήγησης WebKit σε πεδία φόρμας
# σελίδα-αναδίπλωση (πλάτος: 800 εικονοστοιχεία; περιθώριο: 0 αυτόματη;) "
:: επιλογή (φόντο-χρώμα: #FFA; χρώμα: # 000;) (Περισσότερες πληροφορίες) "
Δεν χρειάζεται να σχεδιάσετε τα δικά σας κουμπιά για το Apple Pay. Στην πραγματικότητα, η Apple σας λέει κυριολεκτικά ότι δεν μπορείτε. Λοιπόν, τι πρέπει να κάνετε στον Ιστό; Ευγνομονώς,"
***** Hacks Selector ****** / / * IE6 και κάτω * / * html #uno (χρώμα: κόκκινο) / * IE7 * / *: πρώτο παιδί + html #dos (χρώμα: κόκκινο) / * IE7, FF, Saf, Opera * / "
CSS: * (margin: 0; padding: 0;) #page (display: table; overflow: hidden; margin: 0px auto;) *: first-child + html #page (θέση: σχετική;) / * ie7 * / * html "
Ο ιστότοπος DayTrip χρησιμοποιεί ένα καθαρό εφέ στην κεφαλίδα της σελίδας του που παραμορφώνει την εικόνα φόντου με κινούμενη, κοκκώδη υφή. Το αποτέλεσμα είναι λεπτό αλλά "
Μερικά funzies με κινούμενα σχέδια CSS3. Εάν ανησυχείτε για την υποστήριξη του προγράμματος deep deep browser, χρησιμοποιήστε ένα GIF. .loader (text-align: center;) .loader span ("
Κάντε το χρώμα του κειμένου διαφανές αλλά προσθέστε μια σκιά: .blur (χρώμα: διαφανές; text-shadow: 0 0 5px rgba (0,0,0,0.5);) Blurry Περισσότερα προγράμματα περιήγησης υποστηρίζουν το χρώμα "
Σύνδεση με αρχεία CSS Ουσιαστικά κάνετε άμεση σύνδεση απευθείας με αρχεία CSS στο Google.com. Μέσω παραμέτρων διεύθυνσης URL, προσδιορίζετε ποιες γραμματοσειρές θέλετε και τι "
Τεχνική εικόνας φόντου CSS: html (πλάτος: 100%; ύψος: 100%; φόντο: url (7518965 / απόλυτο_κεντρικό_vertical_horizontal_an_image_css-tricks.png.webp) κεντρικό κέντρο χωρίς επανάληψη;) Τεχνική CSS + ενσωματωμένης εικόνας: img ("
Body (font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; γραμματοσειρά: 300;) "
A (φόντο: url (sprite.png.webp) χωρίς επανάληψη; οθόνη: μπλοκ; ύψος: 30 εικονοστοιχεία; πλάτος: 250 εικονοστοιχεία;) α: αιωρηθείτε (θέση φόντου: 0 -30 εικονοστοιχεία;) Το καθορισμένο ύψος και "
.screen-reader-text (θέση: απόλυτη; κορυφή: -9999 εικονοστοιχεία; αριστερά: -9999 εικονοστοιχεία;) Αυτή η τάξη μπορεί να αφαιρέσει ένα στοιχείο από τη σελίδα, αφαιρώντας το από τη ροή και δεν "
Όλα Χρησιμοποιούνται για όλες τις συσκευές τύπου μέσων ακουστικά Χρησιμοποιούνται για συνθέτες ομιλίας και ήχου braille Χρησιμοποιούνται για ανάγλυφες συσκευές ανάδρασης ανάγλυφης γραφής Braille Χρησιμοποιούνται για σελιδοποίηση "
Η Apple έκανε θόρυβο όταν κυκλοφόρησε έναν ενημερωμένο ιστότοπο, συμπεριλαμβανομένης μιας ολοκαίνουργιας αποκριτικής πλοήγησης. Ενώ ο επανασχεδιασμός επικεντρώθηκε σε άλλα πράγματα, ένα "