.dygsniuotas (užpildymas: 20 taškų; paraštė: 10 taškų; fonas: # ff0030; spalva: #fff; šrifto dydis: 21 taškų; šrifto svoris: paryškintas; linijos aukštis: 1,3em; kraštas: 2 taškų brūkšnys "

P (šrifto dydis: 24 taškų! svarbu;) Vertės pabaigoje esanti svarbi taisyklė pakeis visas kitas šio atributo stiliaus deklaracijas, įskaitant įterptąsias "

A (/ * visiškai galiojantis URL, tikėtina išorinė nuoroda * /) a (/ * nuoroda į konkrečią svetainę * /) a, (/ * vidinė santykinė nuoroda * /) a (/ * el. pašto nuoroda * /) a (/ * "

Populiari dizaino technika yra sukurti turinio talpyklą, panašią į popieriaus lapą, ir sukrauti po juo kitus popieriaus lapus, pridedant sluoksniuotą "

Pagrindinis katalogo kaina Apie „Contact“ navigaciją (plotis: 960 taškų; aukštis: 100 taškų; paraštė: automatinis 120 taškų; teksto lygiavimas: centras;). Top-menu li (ekranas: inline-block; "

Štai „Google Code Prettify“ (rasti šiame šaltinyje). .prettyprint (spalva: # 839496; fono spalva: # 002b36;) .prettyprint .pln (spalva: paveldėti;) "

H1 # logotipas (plotis: 200 taškų; // vaizdo aukščio plotis: 100 taškų; // paveikslėlio fono aukštis: URL (../ kelias / į / vaizdas.jpg.webp); teksto įtrauka: -9999px;) Ši technika "

Blokuota citata rodoma standartus atitinkančiose naršyklėse su efektu „didelės kabutės prieš“, o IE - su stora kairiąja kraštine ir šviesiai pilka spalva.

Reikia „jQuery“ ir „jQuery“ vartotojo sąsajos, skirtos tikram slankikliui. Veidas pagamintas iš elementų, padarytų apskritimais, kurių spindulys yra kraštinis. Burna, rodanti laimę "

Iš „CSS-Tricks“ v8 dizaino poraštės. Peržiūrėti demonstracinę poraštę (aišku: abu; perpildymas: paslėptas; šrifto dydis: 16 taškų; linijos aukštis: 1,3;) # poraštės langeliai ("

Pagal numatytuosius nustatymus visose IE versijose yra slinkties juosta teksto laukuose, net jei jie tušti. Nei viena kita naršyklė to nedaro, todėl jei norite jį pašalinti, kad IE galėtų "

Bet kuri inkaro nuoroda gali būti nuoroda į PDF dokumentą, tačiau spustelėjus tokią nuorodą, galvojant kitaip, vartotojui gali būti nuostabu ir nepatogu. Tai

Tai daro prielaidą, kad naudojamas autoprefikseris. .face: užveskite pelės žymeklį (animacija: purtykite 0.82s kubinį bezierį (.36, .07, .19, .97) abu; transformuoti: translate3d (0, 0, 0); "

Standartinis: -moz-border-radius: 10px; -webkit-border-radius: 10 taškų; krašto spindulys: 10 taškų; / * būsimasis patikrinimas * / -khtml-border-radius: 10px; / * senam "

Atsineškite savo priešdėlius! .grow (perėjimas: visi .2s palengvėja;) .grow: užveskite pelę (transformuokite: skalė (1.1);) "

Visi mėgsta juostas

.ribbon (font-size: 16px! important; / * Ši juosta "

Skirta didelės raiškos grafikai, bet tik tiems ekranams, kurie gali jomis pasinaudoti. „Tinklainė“ yra „2x“: @media (-webkit-min-device-pixel-ratio: 2), "

Yra atvejų, kai tikrai ilga teksto eilutė gali perpildyti maketo talpyklą. Pvz .: URL paprastai neturi tarpų, todėl jie "

Kalboms iš dešinės į kairę daugumoje naršyklių galite pakeisti numatytąjį išdėstymą iš kairės į dešinę naudodami tiesiog atributą dir. tekstas iš dešinės į kairę “

A (outline: 0;) Būkite atsargūs, pašalindami kontūrų stilius iš nuorodų, nes jie yra naudojimo savybė. Jei tai padarysite, būtinai nustatykite aiškius fokusavimo stilius. Jei "

Kartais gali būti pageidautina pašalinti viršutinę arba kairę paraštę iš pirmo konteinerio elemento. Taip pat dešinioji arba apatinė paraštė nuo paskutinio "

Šiame puslapyje pateikiama daugybė įvairių įrenginių ir medijos užklausų, kurios būtų konkrečiai nukreiptos į tą įrenginį. Tai tikriausiai nėra puiki praktika, tačiau naudinga žinoti, kokie yra visų šių įrenginių matmenys CSS kontekste. "

Webkit-tap-highlight-color: rgba (0,0,0,0); Tada leisti: aktyviems stiliams veikti jūsų CSS puslapyje „Mobile Safari“ puslapyje: "

Taškinės kraštinės aplink nuorodas yra pritaikymo neįgaliesiems funkcija, kurią dauguma naršyklių turi pagal numatytuosius nustatymus. Tai skirta vartotojams, kurie turi arba nori naršyti naudodami klaviatūrą. “

HTML: .. arba .. Eikite CSS: input.button (teksto įtrauka: -9000px; text-transform: didžiosiomis raidėmis;) Vien neigiama įtrauka, deja, neveikia pašalinant tekstą "

Šiek tiek šviesesnė spalva (darant prielaidą, kad jūsų tekstas yra juodas), punktyrinė apatinė kraštinė ir klaustuko žymeklis. Tai tapo šiek tiek standartizuotu požiūriu “.

CSS fono paveikslėliams .yourselector (plotis: 200px; aukštis: 100px; background: url (/folder/yourimage.png.webp) no-repeat; _background: none; "

Didelė pastaba čia! Stumdomos durys yra gana sena technika. Savo laiko jis turėjo žiniatinklyje, tačiau tikriausiai tai nėra pats protingiausias būdas šiais laikais. Mes turime"

Sup, sub (vertikaliai-lygiuoti: bazinė linija; padėtis: santykinis; viršuje: -0,4em;) sub (viršuje: 0,4em;) "

@media spausdinimas (a :: after (content: "(" attr (href) ")";)) "