Koodinpätkät 2025, Heinäkuu
UUTISET .wrapper (marginaali: 50px automaattinen; leveys: 280px; korkeus: 370px; tausta: valkoinen; reunan säde: 10px; -webkit-box-shadow: 0px 0px 8px rgba (0,0,0,0,3); "
Div (min-height: 500px; height: auto! tärkeä; height: 500px;) Tämä toimii, koska (onneksi?) IE kohtelee "height" miten "min-height" on tarkoitus olla "
Li (leveys: 200px; min-korkeus: 250px; reunus: 1px kiinteä # 000; näyttö: -moz-inline-pino; näyttö: inline-lohko; pystysuora tasaus: ylhäältä; marginaali: 5px; zoomaus: "
Käynnistä CSS-tiedostosi tällä PHP: llä (ja nimeä se tyylille.php): body (väri: punainen;) Soita sitten CSS: lle PHP-tiedoston nimellä: "
A: ennen (sisältö: "2709";). puhelin: ennen (sisältö: "2706";). tärkeä: ennen (sisältö: "27BD";) lohkolaina: ennen (sisältö: "275D";) "
Esimerkki: body (font-size: 62.5% / * 1em = 10px * /) / * * / -merkkien sisällä olevat asiat ovat CSS-kommentteja. Tämän avulla voit kirjoittaa muistiinpanoja CSS: ään, joka "
Tämä tekee sinulle hienoa nykyään (IE 8 ja uudemmat): .group: after (content: ""; display: table; clear: molemmat;) Käytä sitä mihin tahansa pääelementtiin, jossa olet "
Saimme Lydia Duggerilta sähköpostitse mukavan vihjeen, jolla voit muuttaa tyylejä, joita WebKit-selaimet käyttävät lomakekenttiin, jotka on "
# sivun rivitys (leveys: 800 kuvapistettä; marginaali: 0 automaattista;) "
:: valinta (taustaväri: #FFA; väri: # 000;) (Lisätietoja) "
Sinun ei tarvitse suunnitella omia painikkeitasi Apple Paylle. Itse asiassa Apple kertoo kirjaimellisesti, ettet voi. Joten mitä aiot tehdä verkossa? Onneksi,"
***** Selector Hacks ****** / / * IE6 ja alle * / * html #uno (väri: punainen) / * IE7 * / *: first-child + html #dos (väri: punainen) / * IE7, FF, Saf, Opera * / "
CSS: * (marginaali: 0; täyte: 0;) # sivu (näyttö: taulukko; ylivuoto: piilotettu; marginaali: 0 kuvapisteen automaattinen;) *: ensimmäinen lapsi + html # sivu (sijainti: suhteellinen;) / * ie7 * / * html "
DayTrip-verkkosivusto käyttää sivun otsikossa siistiä vaikutusta, joka vääristää taustakuvan animoidulla, rakeisella tekstuurilla. Vaikutus on hienovarainen, mutta "
Vain joitain hauskoja CSS3-animaatioita. Jos olet huolissasi erittäin syvistä selaintuista, käytä GIF-tiedostoa. .loader (text-align: center;) .loader span ("
Tee tekstin väri läpinäkyväksi, mutta lisää varjo: .blur (väri: läpinäkyvä; text-shadow: 0 0 5px rgba (0,0,0,0,5);) Sumea Lisää selaimet tukevat väriä "
Linkki CSS-tiedostoihin Voit linkittää suoraan CSS-tiedostoihin Google.comissa. URL-parametrien avulla määrität haluamasi fontit ja mitä "
CSS-taustakuvatekniikka: html (leveys: 100%; korkeus: 100%; tausta: URL-osoite (7518965 / absoluuttinen_keskipisteen_versio_horizontal_an_image_css-tricks.png.webp) keskellä ei-toistoa;) CSS + Sisäisen kuvan tekniikka: img ("
Body (fonttiperhe: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; fontin paino: 300;) "
A (background: url (sprite.png.webp) no-repeat; display: block; height: 30px; width: 250px;) a: hover (background-position: 0-30px;) Asetettu korkeus ja "
.screen-reader-text (sijainti: absoluuttinen; yläosa: -9999px; vasen: -9999px;) Tämä luokka voi poistaa kohteen sivulta poistamalla sen virtauksesta eikä "
Kaikki Käytetään kaikkiin äänityyppiä käyttäviin laitteisiin Käytetään puheen ja äänen syntetisaattoreiden pistekirjoitukseen Käytetään pistekirjoituksen kosketuspalautuslaitteisiin kohokuvioitu Käytetään sivutettuun
Apple aiheutti melua julkaistessaan päivitetyn sivuston, mukaan lukien täysin uusi reagoiva navigointi. Vaikka uudelleensuunnittelu keskittyi muihin asioihin, yksi "