Tūkstančiai patarimai CSS, PHP, scenarijus. Naudingi samouczków ir vaizdo patarimai

Populiarios mėnesio

„Remins“ šrifto dydžio rinkiniai - CSS-gudrybės

„Remins“ šrifto dydžio rinkiniai - CSS-gudrybės

„Rem“ šrifto dydžio vienetas yra panašus į „em“, tik vietoj kaskados jis visada yra lyginamas su šaknies (html) elementu (daugiau informacijos). Tai gana “

Sluoksniuotas popierius CSS-gudrybės

Sluoksniuotas popierius CSS-gudrybės

„Howdy“. Sluoksniuotas popierius (fonas: #eee; langelio šešėlis: 0 1px 1px rgba (0,0,0,0,15), / * Viršutinio sluoksnio šešėlis * / 0 10px 0 -5px #eee, / * Antrasis sluoksnis * / 0 "

Monotoniškas vaizdas su CSS - CSS-gudrybės

Monotoniškas vaizdas su CSS - CSS-gudrybės

Elementui visada galite pritaikyti filtrą, kad jis taptų vienspalvis pilkos spalvos prasme: žr. „Chris Coyier“ (@chriscoyier) „Pen Monotone“ - atvaizdą “

Padarykite „Pre“ teksto įvyniojimą CSS-gudrybės

Padarykite „Pre“ teksto įvyniojimą CSS-gudrybės

Pagal numatytuosius nustatymus

 žymose esantis tekstas nevyniojamas. Pavyzdžiui, žiūrėkite toliau pateiktą kodo fragmentą! Jei dėl to kyla išdėstymo problemų, vienas iš sprendimų yra suteikti

„Meyer Reset“ CSS-gudrybės

„Meyer Reset“ CSS-gudrybės

Html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, röv, akronimas, adresas, didelis, citata, kodas, del, dfn, em, šriftas "

Kelių fonų sintaksė CSS-gudrybės

Kelių fonų sintaksė CSS-gudrybės

Naršyklės, palaikančios kelis fonus („WebKit“ nuo pat pradžių, „Firefox 3+“), naudoja tokią sintaksę: #box (background: url (icon.png.webp) viršuje kairėje "

„IOS“ perpildymo elementų slinkimas CSS-gudrybės

„IOS“ perpildymo elementų slinkimas CSS-gudrybės

Pagal numatytuosius nustatymus „iOS“ tinklalapiuose yra „impulsinis“ slinkimas, kai piršto brūkštelėjimas siunčia tinklalapio slinkimą ir jis tęsiasi tol, kol galų gale “

Pagrindinio kadro animacijos sintaksė CSS-gudrybės

Pagrindinio kadro animacijos sintaksė CSS-gudrybės

Pagrindinė deklaracija ir naudojimas @ -webkit-keyframes VARDAS-JŪSŲ ANIMACIJA (0% (neskaidrumas: 0;) 100% (neskaidrumas: 1;)) @ -moz-raktiniai kadrai VARDAS-JŪSŲ-ANIMACIJA (0% ("

Kelios sienos - CSS-gudrybės

Kelios sienos - CSS-gudrybės

Pseudo elemento (-ų) naudojimas Pseudo elementą galite pastatyti taip, kad jis būtų arba už elemento, ir didesnis, kad padarytų krašto efektą su savimi "

Ne formos laukų išvaizda - CSS-gudrybės

Ne formos laukų išvaizda - CSS-gudrybės

Tai nėra lauko rinkinys

Booyah!

.fieldset (position: suhtinis; border: 1px solid "

Triukšmo duomenų URI vaizdas CSS-gudrybės

Triukšmo duomenų URI vaizdas CSS-gudrybės

Fono paveikslėlis: "

Ne siaubingas vaizdo dydžio keitimas IE - CSS-gudrybės

Ne siaubingas vaizdo dydžio keitimas IE - CSS-gudrybės

Img (-ms-interpolation-mode: bicubic;) Jei sumažinsite vaizdą su pločio ir (arba) aukščio atributais, IE jis atrodys baisiai, nebent naudosite "

Orientacijos užraktas CSS-gudrybės

Orientacijos užraktas CSS-gudrybės

@media ekranas ir (min-width: 320px) ir (max-width: 767px) ir (orientation: landscape) (html (transform: rotate (-90deg); transform-origin: left top; "

Puslapio garbanos šešėliai CSS-gudrybės

Puslapio garbanos šešėliai CSS-gudrybės

Ul.box (pozicija: santykinis; z indeksas: 1; / * apsaugo šešėlius nuo konteinerių su fonais * / perpildymas: paslėptas; sąrašo stilius: nėra; paraštė: 0; "

Keli stulpeliai - CSS-gudrybės

Keli stulpeliai - CSS-gudrybės

Čia pateikiamas paprastos trijų stulpelių klasės pavyzdys: .three-col (-moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap : "

Įterpti ir išplečiami aplankai CSS-gudrybės

Įterpti ir išplečiami aplankai CSS-gudrybės

Iš pradžių tai buvo Martino Ivanovo demonstracinė versija, naudojant paslėptus žymimuosius langelius ir gretimus brolių ir seserų kombinatorius, kad būtų galima nustatyti kiekvieno aplanko būseną. Tiesioginė demonstracija "

Pavadintos spalvos ir šešiakampiai atitikmenys - CSS-gudrybės

Pavadintos spalvos ir šešiakampiai atitikmenys - CSS-gudrybės

Spalvos pavadinimas HEX spalva AliceBlue # F0F8FF AntiqueWhite # FAEBD7 "

Naudokite ne slaptažodžio įvestis, naudokite ženklelius (arba ženklelių alternatyvas) - CSS-gudrybės

Naudokite ne slaptažodžio įvestis, naudokite ženklelius (arba ženklelių alternatyvas) - CSS-gudrybės

Tai veikia su tekstiniais įvestimis (pvz., Tekstu, el. Paštu ir kt.), Tačiau negalite pakeisti tikrųjų slaptažodžių įvestų. Naudojimo atvejis = ???. input (-webkit-text-security: nėra;) "

„Picross“ stiliaus mygtukai CSS-gudrybės

„Picross“ stiliaus mygtukai CSS-gudrybės

Kaip ir žaidime PICROSS3D. CSS3 technikos mygtuko mygtuko mygtukas .btn (spalva: balta; šriftų šeima: Helvetica, Arial, Sans-Serif; šrifto dydis: "

Užkirsti kelią „Bounce Scroll“ liūte CSS-gudrybės

Užkirsti kelią „Bounce Scroll“ liūte CSS-gudrybės

Tiesiog įsitikinkite, kad taip pat nenujungėte šių elementų paraštės ir užpildo (įprasta atliekant bet kokį atstatymą ar normalizavimą). HTML, body (aukštis: 100%; perpildymas: "