#Css

29 kysymystä

• Mikä on CSS-laatikoiden malli?CSS#box-modelJunior›
• Mitkä ovat CSS-selektoreiden päätyyppit?CSS#selectorsJunior›
• Kuinka CSS-spesifisyys lasketaan?CSS#selectorsJunior›
• Mitä CSS-yksiköitä sinun tulisi käyttää ja milloin?CSS#unitsJunior›
• Kuinka määrität värit CSS:ssä?CSS#languageJunior›
• Mitä display-ominaisuus ohjaa?CSS#layoutJunior›
• Mitkä ovat CSS position -arvot?CSS#layoutJunior›
• Mikä on Flexbox ja kuinka keskität sisältöä sillä?CSS#flexboxJunior›
• Mitä ovat pseudo-luokat ja mitkä ovat yleisiä?CSS#selectorsJunior›
• Mitkä ominaisuudet hallitsevat tekstiä ja fontteja?CSS#languageJunior›
• Kuinka flex-grow, flex-shrink ja flex-basis toimivat?CSS#flexboxMiddle›
• Kuinka luot asettelun CSS Gridillä?CSS#gridMiddle›
• Kuinka `grid-template-areas` ja responsiiviset ruudukot toimivat?CSS#gridMiddle›
• Kuinka media-kyselyt mahdollistavat responsiivisen suunnittelun?CSS#responsiveMiddle›
• Mitä ovat CSS:n mukautetut ominaisuudet (muuttujat)?CSS#languageMiddle›
• Mitä box-sizing: border-box tekee?CSS#box-modelMiddle›
• Mitä ovat näennäiselementit (pseudo-elements) kuten ::before ja ::after?CSS#selectorsMiddle›
• Kuinka CSS-siirtymät toimivat?CSS#animationMiddle›
• Mitä CSS-muunnokset voivat tehdä?CSS#animationMiddle›
• Kuinka z-index ja stacking contexts toimivat?CSS#layoutMiddle›
• Kuinka overflow-ominaisuus ja vierityssäiliöt toimivat?CSS#layoutMiddle›
• Kuinka kaskadi ja periytyminen päättävät, mitkä tyylit sovelletaan?CSS#languageMiddle›
• Kuinka CSS keyframe-animaatiot toimivat?CSS#animationSenior›
• Mikä on mobile-first responsive-strategia ja miten container queries sopivat siihen?CSS#responsiveSenior›
• Kuinka `position: sticky` todella toimii, ja miksi se joskus epäonnistuu?CSS#layoutSenior›
• Mitkä CSS-arkkitehtuurimetodologiat auttavat suurissa koodikannoissa?CSS#architectureSenior›
• Mitkä modernit CSS-funktiot ja -ominaisuudet yksinkertaistavat asettelua (clamp, aspect-ratio, subgrid)?CSS#layoutSenior›
• Mitä ovat cascade layerit (@layer) ja :is/:where -selektorit?CSS#selectorsSenior›
• Mitä ovat CSS:n loogiset ominaisuudet ja miksi ne ovat tärkeitä kansainvälistämiselle?CSS#languageSenior›