Kodo fragmentai 2025, Sausis

Kampinė juosta - CSS-gudrybės

Kampinė juosta - CSS-gudrybės

NAUJIENOS .wrapper (paraštė: 50 taškų automatinis; plotis: 280 taškų; aukštis: 370 taškų; fonas: baltas; kraštinės spindulys: 10 taškų; -webkit-box-shadow: 0 taškų 0 taškų 8 taškų rgba (0,0,0,0,3); "

Skersinės naršyklės minimalus aukštis - CSS-gudrybės

Skersinės naršyklės minimalus aukštis - CSS-gudrybės

Div (min-height: 500px; height: auto! important; height: 500px;) Tai veikia, nes (laimei?) IE „aukštį“ traktuoja kaip turėtų būti „min-height“.

Kryžminis naršyklės blokavimas - CSS-gudrybės

Kryžminis naršyklės blokavimas - CSS-gudrybės

Li (plotis: 200 taškų; min. aukštis: 250 taškų; kraštinė: 1 taškas vientisas # 000; ekranas: -moz-inline-stack; ekranas: įterptas-blokas; vertikalus-lygiuoti: viršus; paraštė: 5 taškų; mastelis: "

Suspausti CSS su PHP - CSS-gudrybės

Suspausti CSS su PHP - CSS-gudrybės

Paleiskite CSS failus naudodami šį PHP (ir pavadinkite jį style.php): body (spalva: raudona;) Tada paskambinkite savo CSS su PHP failo pavadinimu: "

Bendros „Unicode“ piktogramos CSS-gudrybės

Bendros „Unicode“ piktogramos CSS-gudrybės

A: prieš (turinys: "2709";). telefonas: prieš (turinys: "2706";). svarbu: prieš (turinys: "27BD";) blokinis citatas: prieš (turinys: "275D";) "

Komentarai CSS CSS-gudrybės

Komentarai CSS CSS-gudrybės

Pavyzdys: body (šrifto dydis: 62,5% / * 1em = 10px * /) / * * / ženkluose esantys elementai yra CSS komentarai. Tai leidžia jums įvesti pastabas į CSS, kurios

„Clearfix“: priversti elementą savarankiškai išvalyti savo vaikus - CSS-gudrybės

„Clearfix“: priversti elementą savarankiškai išvalyti savo vaikus - CSS-gudrybės

Tai bus gerai šiomis dienomis (IE 8 ir naujesnės versijos): .group: after (content: ""; display: table; clear: both;) Taikykite jį bet kuriam pagrindiniam elementui, kuriame jūs "

Keisti automatinio užbaigimo stilius „WebKit“ naršyklėse - CSS-gudrybės

Keisti automatinio užbaigimo stilius „WebKit“ naršyklėse - CSS-gudrybės

Gavome gražų patarimą iš Lydia Dugger el. Paštu su metodu, kaip pakeisti stilius, kuriuos „WebKit“ naršyklės taiko formos laukams, kurie buvo

Tinklalapio centravimas CSS-gudrybės

Tinklalapio centravimas CSS-gudrybės

# puslapio apvyniojimas (plotis: 800 taškų; paraštė: 0 automatinis;) "

Keisti teksto pasirinkimo spalvą - CSS-gudrybės

Keisti teksto pasirinkimo spalvą - CSS-gudrybės

:: pasirinkimas (fono spalva: #FFA; spalva: # 000;) (Daugiau informacijos) "

„Apple Pay“ mygtukai CSS CSS-gudrybės

„Apple Pay“ mygtukai CSS CSS-gudrybės

„Apple Pay“ nereikia kurti savo mygtukų. Tiesą sakant, „Apple“ tiesiogine to žodžio prasme jums sako, kad jūs negalite. Taigi, ką tu veiki žiniatinklyje? Dėkingai,"

Naršyklės konkretūs įsilaužimai CSS-gudrybės

Naršyklės konkretūs įsilaužimai CSS-gudrybės

***** „Selector Hacks“ ****** / / * IE6 ir žemiau * / * html #uno (spalva: raudona) / * IE7 * / *: pirmasis vaikas + html #dos (spalva: raudona) / * IE7, FF, „Saf“, „Opera“ * / "

DIV centras su dinaminiu aukščiu - CSS-gudrybės

DIV centras su dinaminiu aukščiu - CSS-gudrybės

CSS: * (paraštė: 0; užpildymas: 0;) #page (ekranas: lentelė; perpildymas: paslėptas; paraštė: 0px automatinis;) *: pirmasis vaikas + html #page (pozicija: santykinis;) / * ie7 * / * html "

Animuota grūdėta tekstūra CSS-gudrybės

Animuota grūdėta tekstūra CSS-gudrybės

„DayTrip“ svetainė naudoja tvarkingą savo puslapio antraštės efektą, kuris iškraipo fono vaizdą animuota, grūdėta tekstūra. Poveikis yra subtilus, bet "

„Bouncy“ animacinė pakrovimo animacija CSS-gudrybės

„Bouncy“ animacinė pakrovimo animacija CSS-gudrybės

Tik keletas linksmybių su CSS3 animacijomis. Jei nerimaujate dėl itin gilios naršyklės palaikymo, naudokite GIF. .loader (text-align: centre;) .loader span ("

Neryškus tekstas CSS-gudrybės

Neryškus tekstas CSS-gudrybės

Padarykite teksto spalvą skaidrią, bet pridėkite šešėlį: .blur (spalva: skaidrus; text-shadow: 0 0 5px rgba (0,0,0,0,5);) Blurry Daugiau naršyklių palaiko spalvą "

„Google Font API“ pagrindai - CSS-gudrybės

„Google Font API“ pagrindai - CSS-gudrybės

Susiejimas su CSS failais Iš esmės greitai nukreipiate tiesiai į CSS failus iš Google.com. Per URL parametrus nurodote, kuriuos šriftus norite ir kokius "

Absoliutusis centras (vertikalus ir horizontalus) vaizdas - CSS-gudrybės

Absoliutusis centras (vertikalus ir horizontalus) vaizdas - CSS-gudrybės

CSS fono paveikslėlio technika: html (plotis: 100%; aukštis: 100%; fonas: url (7518965 / absoliutus_centerio_vertikalus_horizontal_an_image_css-tricks.png.webp) centras nenukartojamas;) CSS + Inline Image Technique: img ("

Geresnė Helvetica - CSS-gudrybės

Geresnė Helvetica - CSS-gudrybės

Kūnas (šriftų šeima: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; šrifto svoris: 300;) "

Pagrindinis nuorodų perkėlimas kaip CSS „Sprite“ CSS-gudrybės

Pagrindinis nuorodų perkėlimas kaip CSS „Sprite“ CSS-gudrybės

A (background: url (sprite.png.webp) no-repeat; display: block; height: 30px; width: 250px;) a: hover (background-position: 0 -30px;) Nustatytas aukštis ir "

Prieinamumas / SEO draugiškas CSS slėpimas CSS-gudrybės

Prieinamumas / SEO draugiškas CSS slėpimas CSS-gudrybės

.screen-reader-text (pozicija: absoliutus; viršuje: -9999px; kairėje: -9999px;) Ši klasė gali pašalinti elementą iš puslapio, pašalindama jį iš srauto ir ne "

Visi stiliaus lapų laikmenų tipai CSS-gudrybės

Visi stiliaus lapų laikmenų tipai CSS-gudrybės

Visi Naudojami visiems laikmenos tipo įtaisams foninis Naudojamas kalbos ir garso sintezatoriams Brailio raštu Naudojamas Brailio rašto taktilinio grįžtamojo ryšio įrenginiams įspaustas

„Apple.com“ „Hamburger Bun“ meniu - CSS-gudrybės

„Apple.com“ „Hamburger Bun“ meniu - CSS-gudrybės

Išleidę atnaujintą svetainę, „Apple“ sukėlė triukšmą, įskaitant visiškai naują reaguojančią navigaciją. Nors pertvarkymas buvo sutelktas į kitus dalykus, vienas