Úryvky kódu 2025, Apríl
A, vstup, vstup, štítok, výber, tlačidlo,. ukazovateľ (kurzor: pointer;) niektoré prvky, na ktoré je možné záhadne kliknúť, nespustia kurzor kurzora v „
Html (overflow-y: scroll;) Toto je neplatný CSS, ale funguje to vo všetkom okrem Opery. Dôvodom je zabrániť „centrovacím skokom“, keď „
V čase písania tohto článku to bude fungovať iba v prehliadači Chrome 18+, je však štandardizovaný, takže podpora sa nakoniec prejaví všade. @media print (body ("
Firefox a IE majú tlačidlo „zvoliť súbor“ napravo od cesty k súboru, zatiaľ čo WebKit ho umiestňuje doľava. Vďaka tomu je WebKit správne uvedený ako „
* Zásobník Times New Roman * / font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New"
Text syntaxe (font: font-style font-variant font-weight font-size / line-height font-family;) In Use body (font: italic small-caps normal 13px / 150% Arial, "
* (okraj: 0; polstrovanie: 0;) html, telo (výška: 100%;) telo #fixedElement (poloha: pevná! dôležité; poloha: absolútna; / * ie6 a vyššie * / top: 0; "
#footer (pozícia: pevná; vľavo: 0px; spodná: 0px; výška: 30px; šírka: 100%; pozadie: # 999;) / * IE 6 * / * html #footer (pozícia: absolútna; "
Náš komplexný sprievodca po rozložení flexboxu CSS. Tento kompletný sprievodca vysvetľuje všetko o flexboxe a zameriava sa na všetky možné vlastnosti rodičovského prvku (kontajner flex) a podradených prvkov (položky flex). Zahŕňa tiež históriu, ukážky, vzory a graf podpory prehliadača. “
Dan Cederholm už dlho používa ampersand v kurzíve Baskerville a hovorí nám, aby sme použili ten najlepší Ampersand, ktorý je k dispozícii (tiež tu). V dobrom aj v zlom to má „
Môžete otáčať obrázky pomocou CSS! Možný scenár: mať iba jednu grafiku pre „šípku“, ale otočiť ju tak, aby ukazovala rôznymi smermi. “
Z v8 dizajnu CSS-Tricks. Zobraziť ukážku nav (pozadie: # 444; spodný okraj: 8px pevný # E6E2DF; prepad: skrytý; pozícia: relatívna; šírka: 100%;) "
Prístupná cesta Najlepšie by bolo, keby ste si pozreli 5-minútové video spoločnosti Ethan a potom na ne odkazovali: CodePen Embed Fallback Cesta medzi rôznymi prehliadačmi (dodatočné označenie) “
.center (šírka: 300px; výška: 300px; pozícia: absolútna; zľava: 50%; hore: 50%; okraj zľava: -150px; okraj hore: -150px;) Negatívne okraje sú presne „
P: last-child: after (obsah: "2766"; / * Tu prichádza list brečtanu * / font-size: 150%; / * Zväčší list oproti bežnému textu * / padding-left: 10px; "
# example-gradient (height: 200px; margin: 0 0 20px 0; background-color: #eaeaea; background-size: 20px 20px; background-image: "
HTML Môžete ich vytvoriť pomocou jedného div. Je pekné mať triedy pre každú možnosť smeru. CSS Myšlienka je krabica s nulovou šírkou a výškou. „
Ak vás zaujíma špecifický štýl Webkit / Blink / Chrome, existuje skrytý pseudo prvok, ktorý môžete potom použiť aj neštandardný “
Používa sa na vrhanie tieňov z prvkov na úrovni blokov (napríklad prvkov div). .shadow (-moz-box-shadow: 3px 3px 5px 6px #ccc; -webkit-box-shadow: 3px 3px 5px 6px #ccc; "
#foo: skontrolované :: predtým, vstup (pozícia: absolútne; klip: priamy (0,0,0,0); klip: priamy (0 0 0 0);) #foo: skontrolované, vstup + štítok :: predtým ( obsah: "
Opakujúce sa prechody vyžadujú trik, ktorý už môžeme urobiť pri kreatívnom použití zarážok farieb v zápisoch lineárny gradient () a radiálny gradient () a “
Selektory tu sú špecifické pre značkovanie Wufoo, ale koncepty v práci môžu fungovať v akejkoľvek podobe. Hlavná myšlienka je, že nastavíte predvolené rádio “
Bežný tieň textu: p (textový tieň: 1px 1px 1px # 000;) Viac tieňov: p (textový tieň: 1px 1px 1px # 000, 3px 3px 5px modrá;) Prvé dve hodnoty "
Toto je zbierka štartovacích šablón pre rozloženia a vzory pomocou CSS Grid. Myšlienkou je ukázať, čo je táto technika schopná urobiť a “
Firefox 2 html> / ** / body .selector, x: -moz-any-link (farba: lime;) Firefox 3 html> / ** / body .selector, x: -moz-any-link, x: predvolené (farba: limetková;) Ľubovoľná “
Jedným z veľkých dôvodov na použitie predbežného načítania obrázkov je, ak chcete použiť obrázok na obrázok na pozadí prvku v udalosti mouseOver alebo: hover. Ak iba
Nájdite chyby v HTML a zvýraznite z nich kecy. / * Prázdne prvky * / div: prázdny, rozsah: prázdny, li: prázdny, p: prázdny, td: prázdny, th: prázdny (výplň: "
Bezpätkový Arial, bezpätkový; Helvetica, bezpätková; Gill Sans, bezpätkové; Lucida, bezpätková; Helvetica úzka, bezpätková; bezpätkové; Serif Times, “
Tbody tr: nth-child (nepárne) (farba pozadia: #ccc;) "
V dnešnej dobe sa skutočne nemusíte obávať, že by nepriehľadnosť bola pri prehľadávaní prehľadná. Stačí použiť vlastnosť nepriehľadnosti, napríklad: .thing ("