Kod parçacıkları 2025, Ocak
HABER .wrapper (margin: 50px auto; width: 280px; height: 370px; background: white; border-radius: 10px; -webkit-box-shadow: 0px 0px 8px rgba (0,0,0,0.3); "
Div (min-height: 500px; height: auto!
Li (genişlik: 200px; min-yükseklik: 250px; sınır: 1px katı # 000; ekran: -moz-satır içi-yığın; ekran: satır içi blok; dikey hizala: üst; kenar boşluğu: 5px; yakınlaştırma: "
CSS dosyalarınızı bu PHP ile başlatın (ve bunu style.php olarak adlandırın): body (renk: kırmızı;) Ardından CSS'nizi PHP dosya adıyla çağırın: "
A: önce (içerik: "2709";). telefon: önce (içerik: "2706";). önemli: önce (içerik: "27BD";) blok alıntı: önce (içerik: "275D";) "
Örnek: gövde (yazı tipi boyutu:% 62.5 / * 1em = 10px * /) / * * / işaretlerinin içindeki şeyler CSS yorumlarıdır. Bu, CSS'ye "
Bu, bugünlerde size ceza verecektir (IE 8 ve üstü): .group: after (content: ""; display: table; clear: both;) Bunu, içinde bulunduğunuz herhangi bir ana öğeye uygulayın "
Lydia Dugger'dan e-posta yoluyla, WebKit tarayıcılarının eski form alanlarına uyguladığı stilleri değiştirmeye yönelik bir yöntem içeren güzel bir ipucu aldık.
# page-wrap (genişlik: 800px; kenar boşluğu: 0 otomatik;) "
:: selection (background-color: #FFA; color: # 000;) (Daha fazla bilgi) "
Apple Pay için kendi düğmelerinizi tasarlamanıza gerek yok. Aslında Apple kelimenin tam anlamıyla yapamayacağınızı söylüyor. Peki, internette ne yapacaksın? Neyse ki, "
***** Seçici Hacks ****** / / * IE6 ve altı * / * html #uno (renk: kırmızı) / * IE7 * / *: birinci çocuk + html #dos (renk: kırmızı) / * IE7, FF, Saf, Opera * / "
CSS: * (margin: 0; padding: 0;) #page (display: table; overflow: hidden; margin: 0px auto;) *: first-child + html #page (konum: göreli;) / * ie7 * / * html "
DayTrip web sitesi, arka plan görüntüsünü animasyonlu, grenli bir doku ile bozan sayfa başlığında düzgün bir efekt kullanır. Etkisi ince ama "
CSS3 animasyonlu bazı eğlenceler. Süper derin tarayıcı desteği konusunda endişeleriniz varsa bir GIF kullanın. .loader (text-align: center;) .loader span ("
Metin rengini şeffaf yapın ancak bir gölge ekleyin: .blur (color: transparent; text-shadow: 0 0 5px rgba (0,0,0,0.5);) Bulanık Daha fazla tarayıcı rengi destekler "
CSS dosyalarına bağlantı Google.com'daki CSS dosyalarına doğrudan bağlantı kurarsınız. URL parametreleri sayesinde, hangi yazı tiplerini istediğiniz ve ne
CSS arka plan görüntüsü Tekniği: html (genişlik:% 100; yükseklik:% 100; arka plan: url (7518965 / absolute_center_vertical_horizontal_an_image_css-tricks.png.webp) merkez merkez tekrar yok;) CSS + Satır İçi Görüntü Tekniği: img ("
Gövde (yazı tipi ailesi: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; yazı tipi ağırlığı: 300;) "
A (background: url (sprite.png.webp) no-rep; display: block; height: 30px; width: 250px;) a: hover (background-position: 0 -30px;) Ayarlanan yükseklik ve "
.screen-reader-text (konum: mutlak; üst: -9999px; sol: -9999px;) Bu sınıf, bir öğeyi akıştan çıkararak sayfadan kaldırabilir ve "
Tümü Tüm ortam türü cihazlar için kullanılır işitsel Konuşma ve ses sentezleyicileri için kullanılır braille Braille dokunsal geri bildirim cihazları için kullanılır kabartmalı Sayfalı için kullanılır "
Apple, tamamen yeni bir duyarlı gezinme de dahil olmak üzere güncellenmiş bir site yayınladığında biraz gürültü yaptı. Yeniden tasarım başka şeylere odaklanırken, biri "