Χιλιάδες συμβουλές CSS, PHP, σενάρια. Χρήσιμες tutorials και συμβουλές βίντεο

Δημοφιλή του μήνα

Θολό κείμενο - CSS-Κόλπα

Θολό κείμενο - CSS-Κόλπα

Κάντε το χρώμα του κειμένου διαφανές αλλά προσθέστε μια σκιά: .blur (χρώμα: διαφανές; text-shadow: 0 0 5px rgba (0,0,0,0.5);) Blurry Περισσότερα προγράμματα περιήγησης υποστηρίζουν το χρώμα "

Bouncy Animated Φόρτωση κινουμένων σχεδίων - CSS-Κόλπα

Bouncy Animated Φόρτωση κινουμένων σχεδίων - CSS-Κόλπα

Μερικά funzies με κινούμενα σχέδια CSS3. Εάν ανησυχείτε για την υποστήριξη του προγράμματος deep deep browser, χρησιμοποιήστε ένα GIF. .loader (text-align: center;) .loader span ("

Κινούμενη υφή Grainy - CSS-Κόλπα

Κινούμενη υφή Grainy - CSS-Κόλπα

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

Κέντρο DIV με δυναμικό ύψος - CSS-Κόλπα

Κέντρο DIV με δυναμικό ύψος - CSS-Κόλπα

CSS: * (margin: 0; padding: 0;) #page (display: table; overflow: hidden; margin: 0px auto;) *: first-child + html #page (θέση: σχετική;) / * ie7 * / * html "

Ειδικά Hacks προγράμματος περιήγησης - CSS-Κόλπα

Ειδικά Hacks προγράμματος περιήγησης - CSS-Κόλπα

***** Hacks Selector ****** / / * IE6 και κάτω * / * html #uno (χρώμα: κόκκινο) / * IE7 * / *: πρώτο παιδί + html #dos (χρώμα: κόκκινο) / * IE7, FF, Saf, Opera * / "

Κουμπιά Apple Pay σε CSS - CSS-Κόλπα

Κουμπιά Apple Pay σε CSS - CSS-Κόλπα

Δεν χρειάζεται να σχεδιάσετε τα δικά σας κουμπιά για το Apple Pay. Στην πραγματικότητα, η Apple σας λέει κυριολεκτικά ότι δεν μπορείτε. Λοιπόν, τι πρέπει να κάνετε στον Ιστό; Ευγνομονώς,"

Αλλαγή χρώματος επιλογής κειμένου - CSS-Κόλπα

Αλλαγή χρώματος επιλογής κειμένου - CSS-Κόλπα

:: επιλογή (φόντο-χρώμα: #FFA; χρώμα: # 000;) (Περισσότερες πληροφορίες) "

Κεντράρισμα ιστότοπου - CSS-Κόλπα

Κεντράρισμα ιστότοπου - CSS-Κόλπα

# σελίδα-αναδίπλωση (πλάτος: 800 εικονοστοιχεία; περιθώριο: 0 αυτόματη;) "

Αλλαγή στυλ αυτόματης συμπλήρωσης σε προγράμματα περιήγησης WebKit - CSS-Κόλπα

Αλλαγή στυλ αυτόματης συμπλήρωσης σε προγράμματα περιήγησης WebKit - CSS-Κόλπα

Λάβαμε μια καλή συμβουλή από τη Lydia Dugger μέσω email με μια μέθοδο για την αλλαγή των στυλ που εφαρμόζουν τα προγράμματα περιήγησης WebKit σε πεδία φόρμας

Το Clearfix: Αναγκάστε ένα στοιχείο να αυτοκαθαρίσετε τα παιδιά του - CSS-Κόλπα

Το Clearfix: Αναγκάστε ένα στοιχείο να αυτοκαθαρίσετε τα παιδιά του - CSS-Κόλπα

Αυτό θα σας τελειοποιήσει αυτές τις μέρες (IE 8 και νεότερες εκδόσεις): .group: after (content: ""; display: table; clear: two;) Εφαρμόστε το σε οποιοδήποτε γονικό στοιχείο στο οποίο εσείς "

Σχόλια σε CSS - CSS-Κόλπα

Σχόλια σε CSS - CSS-Κόλπα

Παράδειγμα: body (μέγεθος γραμματοσειράς: 62,5% / * 1em = 10px * /) Τα περιεχόμενα μέσα στα / * * / σημάδια είναι σχόλια CSS. Αυτό σας επιτρέπει να εισάγετε σημειώσεις στο CSS που θα "

Κοινά εικονίδια Unicode - CSS-Κόλπα

Κοινά εικονίδια Unicode - CSS-Κόλπα

A: before (content: "2709";) .phone: before (content: "2706";). σημαντικό: πριν (περιεχόμενο: "27BD";) blockquote: before (content: "275D";) "

Συμπίεση CSS με PHP - CSS-Κόλπα

Συμπίεση CSS με PHP - CSS-Κόλπα

Ξεκινήστε τα αρχεία CSS με αυτό το PHP (και ονομάστε το style.php): body (χρώμα: κόκκινο;) Στη συνέχεια καλέστε το CSS σας με το όνομα αρχείου PHP: "

Cross Inline-Block - CSS-Κόλπα

Cross Inline-Block - CSS-Κόλπα

Li (πλάτος: 200 εικονοστοιχεία; ελάχιστο ύψος: 250 εικονοστοιχεία; περίγραμμα: 1 εικονοστοιχείο στερεό # 000; οθόνη: -moz-inline-stack; οθόνη: inline-block; κάθετη-ευθυγράμμιση: κορυφή; περιθώριο: 5 εικονοστοιχεία; ζουμ: "

Ελάχιστο ύψος Cross-Browser - CSS-Κόλπα

Ελάχιστο ύψος Cross-Browser - CSS-Κόλπα

Div (ελάχιστο ύψος: 500 εικονοστοιχεία; ύψος: αυτόματο! σημαντικό; ύψος: 500 εικονοστοιχεία;) Λειτουργεί επειδή (ευτυχώς;) Το IE αντιμετωπίζει το "ύψος" πώς υποτίθεται το "ελάχιστο ύψος"

Γωνιακή κορδέλα - CSS-Κόλπα

Γωνιακή κορδέλα - CSS-Κόλπα

NEWS. Wrapper (περιθώριο: 50px auto; πλάτος: 280px; ύψος: 370px; φόντο: λευκό; ακτίνα περιγράμματος: 10px; -webkit-box-shadow: 0px 0px 8px rgba (0,0,0,0.3); "

Διαφανής αδιαφάνεια προγράμματος περιήγησης - CSS-Κόλπα

Διαφανής αδιαφάνεια προγράμματος περιήγησης - CSS-Κόλπα

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

CSS3 Zebra Striping a Table - CSS-Κόλπα

CSS3 Zebra Striping a Table - CSS-Κόλπα

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

Οικογένειες γραμματοσειρών CSS - CSS-Κόλπα

Οικογένειες γραμματοσειρών CSS - CSS-Κόλπα

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

Διαγνωστικά CSS - CSS-Κόλπα

Διαγνωστικά CSS - CSS-Κόλπα

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