Save
Upgrade to remove ads
Busy. Please wait.
Log in with Clever
or
show password
Forgot Password?
Don't have an account?  Sign up 
Sign up using Clever
or
Username is available taken
show password


Make sure to remember your password. If you forget it there is no way for StudyStack to send you a reset link. You would need to create a new account. Your email address is only used to allow you to reset your password. See our Privacy Policy and Terms of Service.

Already a StudyStack user? Log In

Reset Password
Enter the associated with your account, and we'll email you a link to reset your password.
focusNode
Didn't know it?
click below
 
Knew it?
click below
Don't Know
Remaining cards (0)
Know
0:00
edit
Embed Code - If you would like this activity on your web page, copy the script below and paste it into your web page.

  Normal Size     Small Size show me how

Web Dev FA2

QuestionAnswer
Animating width and height is recommended for better CSS performance. False
The CSS selector used to exclude elements from a selection. :not()
CSS animations are: Easy to write and performant
CSS Grid can create responsive layouts without media queries by using: minmax() and auto-fit
Flexbox is perfect for: Navigation bars and card layouts
The CSS feature that allows you to animate changes over time. animations
Flexbox automatically adjusts item sizes based on: Available space
You must always choose between using Flexbox or Grid; you cannot combine them. False
The CSS selector used to target specific children of an element. :nth-child()
Container queries allow styling based on the size of an element’s container rather than the viewport. True
Transitions are used for: Simple state changes like hover or focus
The :nth-child() selector is used to: Target a specific child or pattern of children
Flexbox automatically adjusts item sizes based on available space. True
CSS animations are generally less performant than JavaScript animations. False
Flexbox is perfect for: Navigation bars and card layouts
The clamp() function is useful for creating fluid typography in responsive design. True
The CSS property used to create a flex container. display: flex
Animating width and height is recommended for better CSS performance. False
CSS custom properties are also called: CSS variables
Pseudo-elements like ::before and ::after can be used for decorative content. True
CSS Grid can create responsive layouts without media queries by using: minmax() and auto-fit
CSS animations are: Easy to write and performant
Flexbox is best suited for complex two-dimensional layouts. False
The layout system that allows defining both rows and columns for precise control. CSS Grid
The CSS property that allows flex items to wrap onto new lines. flex-wrap
CSS custom properties can be changed dynamically at runtime using JavaScript. True
CSS custom properties are also known as CSS variables. True
CSS custom properties can be changed dynamically using: JavaScript
Transitions are used for: Simple state changes like hover or focus
CSS Grid is mainly used for: Two-dimensional layouts
CSS preprocessors like Sass provide features such as nesting and mixins. True
You must always choose between using Flexbox or Grid; you cannot combine them. False
The pseudo-element used to insert content after an element. ::after
The CSS selector that allows styling a parent element based on its children. :has()
The one-dimensional layout system used to arrange items horizontally or vertically. Flexbox
Flexbox automatically adjusts item sizes based on: Available space
The gap property in Flexbox replaces the need for margin hacks between items. True
Which property allows Flexbox items to wrap onto new lines? flex-wrap
The CSS property that defines spacing between flex or grid items without using margins. gap
Created by: PipoyKuraku
 

 



Voices

Use these flashcards to help memorize information. Look at the large card and try to recall what is on the other side. Then click the card to flip it. If you knew the answer, click the green Know box. Otherwise, click the red Don't know box.

When you've placed seven or more cards in the Don't know box, click "retry" to try those cards again.

If you've accidentally put the card in the wrong box, just click on the card to take it out of the box.

You can also use your keyboard to move the cards as follows:

If you are logged in to your account, this website will remember which cards you know and don't know so that they are in the same box the next time you log in.

When you need a break, try one of the other activities listed below the flashcards like Matching, Snowman, or Hungry Bug. Although it may feel like you're playing a game, your brain is still making more connections with the information to help you out.

To see how well you know the information, try the Quiz or Test activity.

Pass complete!
"Know" box contains:
Time elapsed:
Retries:
restart all cards