CSS
Cascade and specificity, Flexbox and Grid, responsive layout, animation and modern styling.
0/172
- 1What is CSS and what is it used for?Junior
- 2What are property and value in CSS?Junior
- 3What are the ways to connect CSS to HTML?Junior
- 4What does the style attribute do inside an HTML tag?Junior
- 5Why are inline styles considered bad practice?Junior
- 6What does "cascade" mean in the behavior of CSS rules?Junior
- 7In what order are CSS rules applied?Junior
- 8What is "inheritance" in CSS? Which properties are inherited by default?Junior
- 9What absolute units of measurement exist in CSS?Junior
- 10What relative units of measurement exist in CSS?Junior
- 11What are CSS variables? How do you declare a variable in CSS?Junior
- 13What is "reset CSS"?Junior
- 14What does normalize.css do?Junior
- 15What is a CSS preprocessor?Junior
- 1What is a selector in CSS? What are selectors used for?Junior
- 2What does the term "specificity" mean in CSS?Junior
- 3How is specificity calculated? What does the specificity formula look like?Junior
- 5What is the priority of the ID selector?Junior
- 6How does declaration order affect the final style?Junior
- 7How do you set styles for all elements on a page?Junior
- 8How do you set styles by class?Junior
- 9How do you set styles by attributes?Junior
- 10What does the comma , do in selectors?Junior
- 11What is the difference between h1, h2, h3 and h1 h2 h3 in style declarations?Junior
- 12What is a pseudo-class? What pseudo-classes do you know?Junior
- 13What does :first-child do?Junior
- 14What is a pseudo-element? How does a pseudo-element differ from a pseudo-class?Junior
- 16What does ::before do?Junior
- 17How does !important affect specificity?Junior
- 1What ways of specifying color does CSS support?Junior
- 2How do you set the text color of an element?Junior
- 3What is the difference between rgb() and rgba()? What does the alpha channel do?Junior
- 4What does the value transparent do?Junior
- 6How do you specify a font for text?Junior
- 7What is a fallback font?Junior
- 8What does the @font-face rule do?Junior
- 9What units of measurement can be used for font size?Junior
- 10What does the line-height property do?Junior
- 1What is the Box Model in CSS? What parts make up the Box Model?Junior
- 2What is content-box?Junior
- 3What is padding-box?Junior
- 4What is "content area"?Junior
- 5How does overflow: auto affect block size?Junior
- 6What is padding?Junior
- 8What does margin do?Junior
- 9How margin differs from paddingJunior
- 10Can margin be set to a negative value?Junior
- 11How does CSS calculate an element's final size?Junior
- 12How do inline elements differ from block elements?Junior
- 13What does the display property do?Junior
- 14What is "collapsing margins"?Junior
- 15CSS box-sizing propertyMiddle
- 17CSS overflow propertyJunior
- 18CSS aspect-ratioMiddle
- 19CSS Object-fit and Object-positionJunior
- 1What is element positioning in CSS?Junior
- 2How does CSS control the position of elements on a page?Junior
- 3What types of positioning exist in CSS?Junior
- 4What does position: relative do?Junior
- 6What does position: absolute do?Junior
- 7Why does an element with absolute "fall out" of the flow?Junior
- 8What does position: fixed do? What does a fixed element attach to?Junior
- 9What does position: sticky do?Junior
- 10How does the "sticking" mechanism work during scroll?Junior
- 11What does the z-index property do?Junior
- 12How does display affect the behavior of positioned elements?Junior
- 1What is Flexbox?Junior
- 2What is the advantage of Flexbox over float-based layout?Junior
- 3How do you activate Flexbox for a container?Junior
- 5How do you set the direction of the main axis?Junior
- 6What does the flex-wrap property do?Junior
- 7How does flex-wrap affect the alignment of elements?Junior
- 8What does flex-flow do?Junior
- 9What does the justify-content property do?Junior
- 10What does align-items do?Junior
- 11How do you align an element individually?Junior
- 12What does flex-grow do?Junior
- 14What does flex-basis do?Junior
- 15What does the order property do?Junior
- 16CSS flexbox layoutJunior
- 1What is CSS Grid Layout?Junior
- 2How does CSS Grid differ from Flexbox?Junior
- 3What is "grid area"?Junior
- 4What does the grid-template-columns property do?Junior
- 5What does the grid-template-rows property do?Junior
- 6What does the fr unit mean?Junior
- 7What does repeat() do in Grid?Junior
- 9What does the grid-template property do?Junior
- 10What does grid-template-areas do?Junior
- 11What does the gap property do?Junior
- 12CSS grid layoutMiddle
- 13flexbox vs CSS grid comparisonMiddle
- 1What is adaptive (responsive) design?Junior
- 3What does "elastic layout" mean?Junior
- 4What is "fluid design"?Junior
- 5What is a viewport in the context of the web?Junior
- 6What is the difference between absolute and relative units?Junior
- 7What is a media query? What are they used for?Junior
- 8What is a breakpoint in responsive design?Junior
- 9How do Flexbox and Grid layout help create responsive layouts?Junior
- 10What are container queries? How do they differ from media queries?Junior
- 1What are Container Queries?Junior
- 2What does the :has() selector do?Junior
- 3What does :is() do?Junior
- 4What does :where() do?Junior
- 5What does the lh unit do?Junior
- 6What does clamp() do?Junior
- 8What are Scroll-driven Animations?Junior
- 9What does subgrid do? How does subgrid differ from nested grid containers?Junior
- 10What does the @layer directive do?Junior
- 11How do you declare and use a variable in CSS?Junior
- 1What is a pseudo-class in CSS?Junior
- 2Which pseudo-classes do you know?Junior
- 3What is a pseudo-element?Junior
- 4Which pseudo-elements do you know?Junior
- 5What does :hover do?Junior
- 7What does :root do?Junior
- 8What does ::before do?Junior
- 9Where do ::before and ::after sit in the flow?Junior
- 10How do pseudo-classes affect specificity?Junior
- 1CSS units: px, rem, emJunior
- 2What are vh, vw, vmin and vmax in CSSJunior
- 3CSS variables (custom properties)Middle
- 4CSS functions: calc(), clamp(), min(), max()Middle
- 5Difference between CSS reset and normalizeMiddle
- 6CSS selectorsMiddle
- 7CSS selector specificityMiddle
- 9What is cascade in CSSMiddle
- 10How to change color in svg file?Middle
- 11CSS display propertyMiddle
- 12Block, inline and inline-block elements in HTML & CSSJunior
- 13Difference between visibility: hidden and display: noneJunior
- 14CSS position propertyMiddle
- 15CSS z-index and stacking contextMiddle
- 17What is responsive web designJunior
- 18Why media queries are needed in CSSJunior
- 19CSS properties for creating animations and smooth transitionsMiddle
- 20Why transform is better for animations than top, leftMiddle
- 21CSS will-change propertySenior
- 22CSS logical propertiesSenior
- 23CSS preprocessors: SASS, SCSS, and LESSMiddle
- 24What is BEM methodology (block element modifier)Middle
- 25Methods for style isolation in CSSMiddle
- 26CSS-in-js problems and solutionsMiddle