Kódrészletek 2025, Január

Sarokszalag - CSS-trükkök

Sarokszalag - CSS-trükkök

HÍREK .wrapper (margó: 50px automatikus; szélesség: 280px; magasság: 370px; háttér: fehér; szegélysugár: 10px; -webkit-box-shadow: 0px 0px 8px rgba (0,0,0,0,3); "

Keresztböngésző minimális magassága - CSS-trükkök

Keresztböngésző minimális magassága - CSS-trükkök

Div (min-height: 500px; height: auto! fontos; height: 500px;) Ez azért működik, mert (szerencsére?) Az IE a "magasságot" úgy kezeli, hogy a "min-height" állítólag "

Keresztböngésző beépített blokkolása CSS-trükkök

Keresztböngésző beépített blokkolása CSS-trükkök

Li (szélesség: 200px; min-magasság: 250px; szegély: 1px szilárd # 000; kijelző: -moz-inline-stack; kijelző: inline-block; függőleges-align: felső; margó: 5px; zoom: "

CSS tömörítése PHP-vel - CSS-trükkök

CSS tömörítése PHP-vel - CSS-trükkök

Indítsa el a CSS fájlokat ezzel a PHP-vel (és nevezze el style.php-nek): törzs (szín: piros;) Ezután hívja a CSS-t a PHP fájl nevével: "

Közös Unicode ikonok - CSS-trükkök

Közös Unicode ikonok - CSS-trükkök

A: előtt (tartalom: "2709";). telefon: előtt (tartalom: "2706";). fontos: előtt (tartalom: "27BD";) blokk idézet: előtt (tartalom: "275D";) "

Megjegyzések a CSS-ben - CSS-trükkök

Megjegyzések a CSS-ben - CSS-trükkök

Példa: törzs (betűméret: 62,5% / * 1em = 10px * /) A / * * / jelek belsejében lévő elemek CSS megjegyzések. Ez lehetővé teszi, hogy jegyzeteket írjon be a CSS-be, amelyek

A Clearfix: Kényszerítsen egy elemet gyermekei öntisztítására - CSS-trükkök

A Clearfix: Kényszerítsen egy elemet gyermekei öntisztítására - CSS-trükkök

Ez manapság rendben lesz (IE 8 és újabb): .group: after (content: ""; display: table; clear: both;) Alkalmazzon minden olyan szülőelemre, amelyben Ön "

Az automatikus kiegészítés stílusainak módosítása a WebKit böngészőkben CSS-trükkök

Az automatikus kiegészítés stílusainak módosítása a WebKit böngészőkben CSS-trükkök

Kaptunk egy szép tippet Lydia Duggertől e-mailben egy módszerrel a WebKit böngészők által az űrlapmezőkre alkalmazott stílusok megváltoztatásához "

Webhely központosítása CSS-trükkök

Webhely központosítása CSS-trükkök

# page-wrap (szélesség: 800 képpont; margó: 0 automatikus;) "

Szövegválasztás színének megváltoztatása CSS-trükkök

Szövegválasztás színének megváltoztatása CSS-trükkök

:: kijelölés (háttérszín: #FFA; szín: # 000;) (További információ) "

Apple Pay gombok CSS-ben - CSS-trükkök

Apple Pay gombok CSS-ben - CSS-trükkök

Nem kell saját gombokat terveznie az Apple Pay alkalmazáshoz. Valójában az Apple szó szerint azt mondja, hogy nem lehet. Tehát mit kell tennie az interneten? Hálásan,"

Böngészőspecifikus hackek CSS-trükkök

Böngészőspecifikus hackek CSS-trükkök

***** Selector Hacks ****** / / * IE6 és alatti * / * html #uno (szín: piros) / * IE7 * / *: first-child + html #dos (szín: piros) / * IE7, FF, Saf, Opera * / "

DIV központ Dinamikus magassággal - CSS-trükkök

DIV központ Dinamikus magassággal - CSS-trükkök

CSS: * (margó: 0; kitöltés: 0;) #page (kijelző: tábla; túlcsordulás: rejtett; margó: 0px automatikus;) *: első gyermek + html #page (pozíció: relatív;) / * ie7 * / * html "

Animált szemcsés textúra CSS-trükkök

Animált szemcsés textúra CSS-trükkök

A DayTrip webhely az oldal fejlécében egy csinos hatást alkalmaz, amely animált, szemcsés textúrával torzítja a háttérképet. A hatás finom, de "

Pattogó Animációs Betöltés Animáció CSS-trükkök

Pattogó Animációs Betöltés Animáció CSS-trükkök

Csak néhány szórakozás CSS3 animációkkal. Ha aggódik a szuper mély böngésző támogatása miatt, használjon GIF-et. .loader (text-align: center;) .loader span ("

Elmosódott szöveg - CSS-trükkök

Elmosódott szöveg - CSS-trükkök

Tegye átlátszóvá a szöveg színét, de adjon hozzá egy árnyékot: .blur (szín: átlátszó; text-shadow: 0 0 5px rgba (0,0,0,0,5);) Homályos További böngészők támogatják a színt "

A Google Font API alapjai - CSS-trükkök

A Google Font API alapjai - CSS-trükkök

Link CSS-fájlokhoz Lényegében közvetlenül kapcsolódik közvetlenül a CSS-fájlokhoz a Google.com-on. Az URL-paraméterek segítségével meghatározhatja, hogy mely betűtípusokat és milyen "

Abszolút középpont (függőleges és vízszintes) egy kép - CSS-trükkök

Abszolút középpont (függőleges és vízszintes) egy kép - CSS-trükkök

CSS háttérkép-technika: html (szélesség: 100%; magasság: 100%; háttér: url (7518965 / abszolút_center_vertical_horizontal_an_image_css-tricks.png.webp) középen nem ismétlődik;) CSS + Inline kép technika: img ("

Jobb Helvetica - CSS-trükkök

Jobb Helvetica - CSS-trükkök

Törzs (font-család: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-súly: 300;) "

Alapvető hivatkozáscsere CSS Sprite néven - CSS-trükkök

Alapvető hivatkozáscsere CSS Sprite néven - CSS-trükkök

A (háttér: url (sprite.png.webp) nem ismétlődik; kijelző: blokk; magasság: 30 képpont; szélesség: 250 képpont); a: lebeg (háttér-helyzet: 0 -30 képpont;) A beállított magasság és "

Hozzáférhetőség / SEO-barát CSS elrejtése CSS-trükkök

Hozzáférhetőség / SEO-barát CSS elrejtése CSS-trükkök

.screen-reader-text (pozíció: abszolút; felső: -9999px; bal: -9999px;) Ez az osztály eltávolíthat egy elemet az oldalról, kivéve a folyamatból, és nem "

Minden stíluslap médiatípus - CSS-trükkök

Minden stíluslap médiatípus - CSS-trükkök

Minden Minden hangtechnikai eszközhöz használható Beszéd- és hangszintetizátorokhoz Braille-írás Braille-taktilis visszacsatoló eszközökhöz dombornyomva Használt lapozáshoz "

Apple.com Hamburger zsemle menü - CSS-trükkök

Apple.com Hamburger zsemle menü - CSS-trükkök

Az Apple némi zajt hallott, amikor kiadott egy frissített oldalt, beleértve egy teljesen új, adaptív navigációt. Míg az újratervezés más dolgokra összpontosult, az egyik "