HTML:n ja CSS:n edistynyt opas

Edistynyt

Sanojen ja kirjainten välinen etäisyys Tekstin kirjainkoko Viimeinen rivi Ensimmäinen kirjain Ensimmäinen rivi Tekstin tulostustila Sarkaimen koko Lohkon ylivuoto Tekstin leikkaus Pitkät sanat Tavutus Tekstiefektit Tekstin sijoittaminen sarakkeisiin Osoittimen valinnan peruutus Reaktion peruutus Kursorin tyyppi Korostusväri Taulukon reunojen yhdistäminen Taulukon solujen välinen etäisyys Tyhjien taulukkosolujen ulkoasu Tekstin pystysuuntainen tasaus soluissa Taulukon solujen koon muuttaminen selaimen toimesta Pseudo-elementtien lisääminen Elementtien automaattinen numerointi Elementtien attribuutit Laskentafunktiot Funktiot yhden arvon valitsemiseksi

Lomakkeet

Lomakkeen peruselementit Tekstikenttä Lomakkeen tunniste Valintaruudut Radiopainikkeet Moniriviset tekstikentät Textarean koon muuttaminen Placeholder-vihje Placeholder-pseudoelementti Pudotusvalikot Lomakeelementtien estäminen Lomakkeen selite Painike input-tyyppinä Salasanakenttä Input-tyyppi tiedoston lataamiseen Muut input-tyypit Fokus lomakkeen elementeille Fokuksen vaihto tabilla Automaattifokus Pikanäppäimet Valittujen elementtien haku Ei-aktiivisten elementtien haku Kenttien automaattinen täyttö Kenttien automaattisen täytön peruutus

Graafi

Väri rgb-muodossa Väri hex-muodossa Väri rgba-muodossa Läpikuultavuus Tekstin varjo Lohkon varjo Lineaarinen gradientti Radiaalinen gradientti Toistuva lineaarinen gradientti Toistuva radiaalinen gradientti

Efektit

Siirtymäefektit Animaatio Animaation lyhennetty ominaisuus Animaation tila Elementin kierto Elementin skaalaus Elementin vinoitus akselia pitkin Elementin siirto akselia pitkin Muunnoksen lähtöpiste Efektien soveltaminen

Taisarvastaussoveltuvuus

Johdatus taivutusvastaussoveltuvuuteen Valmistajan etuliitteet Tuen tarkistus Tyylien nollaus ja normalisointi Tyylien nollaus yleisvalitsimen kautta Valmiit kirjastot nollausta varten Tyylien normalisointi

Mittayksiköt

Johdatus em-yksiköihin Perintö ja em-yksiköt Sisennys ja em-yksiköt Em-yksiköiden käytön parhaat käytänteet Rem-yksiköt Vh- ja vw-yksiköt

Edistynyt flexboxien käsittely

Flex-elementin koko pääakselilla Flex-elementtien ahneus Flex-elementtien nolla-ahneus Ahneus, kun flex-lohkojen leveyttä ei ole määritetty Ahneus, kun flex-lohkojen leveys on määritetty Flex-elementtien kutistuminen tilan puutteessa Vanhemman prosentuaalisen leveyden vaikutus kutistumiseen Eri lasten leveysten vaikutus kutistumiseen Elementtien ahneuden vaikutus kutistumiseen Flex-lohkojen kutistumistekijä Elementtien eri leveydet ja flex-lohkojen kutistuvuus Kutistumisen säätely Kutistumisen peruutus Lyhenne-ominaisuus flex Laatoitus flexeillä Laatoituksen ongelmat flexeillä Laatoitus oikein välyksin Pystysuorat välykset laatoitukselle Laatoitus autoleveyslohkoilla Välykset autoleveyslohkoilla tehdyssä laatoituksessa

Edistynyt työskentely grideillä

Eksplisiittiset gridit Implisiittiset gridit Implisiittisten gridien koot Sisältö vaakatasossa Sisältö pystysuunnassa Sisältö molemmilla akseleilla Solut vaakatasossa Solut pystysuunnassa Solut molemmilla akseleilla Solujen tasauslyhenne Elementti vaakatasossa Elementti pystysuunnassa Elementti molemmilla akseleilla Elementin tasauslyhenne Grid-elementtien limittyminen Sisäkkäiset gridit Aligridit Lyhennetty merkintätapa

Responsiivinen verkkosivun rakentaminen

Johdanto Johdanto media-kyselyihin Lohkojen uudelleenrakentaminen Laattoja ilman välejä Laattoja väleillä Fonttikoot
Suomi
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Käytämme evästeitä verkkosivuston toiminnalle, analytiikalle ja personoinnille. Tietojen käsittely tapahtuu Tietosuojakäytännön mukaisesti.
hyväksy kaikki mukauta hylkää