Which HTML tag is used to link an external CSS file?

Which CSS property is used to set the background color of an element?

How can you select an element with id 'myElement' in CSS?

Which CSS property is used to control the spacing between lines of text?

Which CSS property is used to make text bold?

What is the correct CSS syntax to change the font of an element?

Which CSS property is used to add a shadow effect to an element?

What is the default value of the 'position' property in CSS?

Which CSS property is used to control the size of an element's font?

How do you comment out multiple lines in CSS?

Which CSS pseudo-class is used to select an element when it's being hovered over?

What is the correct CSS syntax for making all the <p> elements bold?

Which CSS property is used to add space between the element's border and its content?

What is the correct way to apply an external CSS file to an HTML document?

Which CSS property is used to control the order of flexible items in a flex container?

Which CSS property is used to control the size of an element relative to its parent container?

Where in an HTML document is the correct place to refer to an external style sheet?

In CSS, which concept helps ensure that web content adapts well to different screen sizes, promoting a design that fits any device?

Which CSS property is used to change the font of an entire webpage?

Which CSS property controls the text size?

Which CSS value is used to make text decorations appear on the top of an element?

Which CSS property is used to control the vertical alignment of text within an element?

What is the CSS property used to control the order of flexible items in a flex container?

Which CSS property is used to set the spacing between words in a text?

In CSS, which value is used to make an element invisible, but it still takes up space on the page?

What is the correct CSS syntax for changing the text size of an element with class 'myText'?

Which CSS property is used to create space around the outside of an element's border?

Multiple classes can be used within the same element.

The same class can be used multiple times per page.

Class selectors begin with a leading period

An element on a page cannot have classes and an ID

Three of these choices are true about class selectors. Which is NOT true?

What is the correct way to select all paragraphs with class 'info' in CSS?

It controls the order of stacking elements in the z-axis.

It determines the opacity of the element.

It adjusts the letter spacing of the text.

What is the purpose of the CSS 'z-index' property?

Which CSS property is used to create rounded corners for an element?

It controls the alignment of text within an element.

It determines the position of an element in relation to its container.

What is the purpose of the CSS 'float' property?

What is the CSS property used to change the size of an element relative to its parent container?

Using an attribute selector, how would you select an <a> element with a "title" attribute?

What is the correct CSS syntax for changing the background color of a <div> element?

Which CSS property is used to change the style of the cursor when hovering over an element?

Only one class value can be assigned to an element.

An element can have multiple class values.

Class selectors are marked with a leading period.

More than one element can have the same class value.

In CSS, which value is used to change an element's stacking order to appear on top of other elements?

It controls the transparency of an element.

It adjusts the saturation of the element's color.

What is the purpose of the CSS 'opacity' property?

To determine how an element should be displayed.

What is the CSS 'display' property used for?

Use background-fill to set the color inside the object and stroke or border to set the color of the border.

Use fill to set the color inside the object and stroke to set the color of the border.

Use fill or background to set the color inside the object and stroke to set the color of the border.

To change the color of an inline SVG using CSS, which property is used?

The element is positioned relative to its closest positioned ancestor (if any) or to the initial containing block. 

It positions the element relative to the browser window.

It floats the element to the left or right.

What does the CSS 'position: absolute;' property do?

Which CSS pseudo-class is used to select the first child element within its parent?

The rem unit is relative to the font-size of the p element.

You have to set the value for the rem unit by writing a declaration such as rem { font-size: 1 Spx; }

The rem unit is relative to the font-size of the containing (parent) element.

The rem unit is relative to the font-size of the root element of the page.

It defines the styling for different media types or devices.

It controls the order of stacking elements.

What is the purpose of the CSS 'media' rule?

It adjusts the element's border thickness.

It controls the element's shadow effects.

It defines how the width and height of an element are calculated.

In CSS, what is the purpose of the 'box-sizing' property?

flex-flow: column; or flex-direction: column;

When using the Flexbox method, what property and value is used to display flex items in a column?

It adjusts the semantic meaning / type of an element.

It applies visual effects like rotation or scaling to the element.

What is the purpose of the CSS 'transform' property?

Which CSS pseudo-class is used to select an element that is being clicked?

It determines how content that overflows an element's box is handled.

What is the purpose of the CSS 'overflow' property?

any declarations in user-agent stylesheets

normal declarations in author stylesheets

important declarations in author stylesheets

!important declarations in user stylesheets

Which type of declaration will take precedence?

To define the order of stacking elements.

What is the CSS 'transition' property used for?

Which CSS property is used to create a gradient background for an element?

It clears the content of a floated element.

Decides how an element should be positioned relative to preceeding floats.

What is the purpose of the CSS 'clear' property?

In CSS, what does the 'max-width' property do?

element:hover {transform: scaleDown(50%);}

What selector and property would you use to scale an element to be 50% smaller on hover?

It controls the spacing between elements.

It adjusts the border thickness of an element.

It defines whether table borders should be collapsed into a single border or not.

What is the purpose of the CSS 'border-collapse' property?

Which CSS property is used to change the order of items in a flex container?

It increments a counter each time a certain element is encountered.

It defines the appearance of counters in lists.

What is the purpose of the CSS 'counter' property?

It defines the areas within a flex container.

It creates a grid layout using ASCII art.

It specifies the placement of items in a CSS Grid container.

It controls the order of stacking elements in a grid.

What is the purpose of the CSS 'grid-template-areas' property?

Which CSS property is used to apply 3D transformations to elements?

It indicates that an element's content will change dynamically.

It optimizes the rendering of elements that are about to be changed by adding hardware acceleration.

What is the purpose of the CSS 'will-change' property?

It controls the clipping of an element's content.

It defines the appearance of dashed borders.

What is the purpose of the CSS 'clip-path' property?

It applies visual effects like blurring or color shifting to an element.

What is the purpose of the CSS 'filter' property?

It defines the positioning of a pseudo-element.

What is the purpose of the CSS 'content' property?

Which CSS property is used to create a flexible layout where items can wrap when the container's width is insufficient?

It determines whether the element's backface is visible or hidden.

It defines the appearance of the element's border.

What is the purpose of the CSS 'backface-visibility' property?

It specifies how overflowed content within an element should be indicated.

What is the purpose of the CSS 'text-overflow' property?

It specifies how an element's content should blend with the content of its parent.

What is the purpose of the CSS 'mix-blend-mode' property?

Which CSS property is used to create a flexible layout with both rows and columns?

It controls the count of stacking elements.

What is the purpose of the CSS 'counter-increment' property?

It writes text content into any page element.

It writes text content into a hyperlink tooltip.

It specifies the default input text for a form control.

It is used to format the appearance of placeholder text within a form control.

What is the ::placeholder pseudo-element used for?

Which CSS property is used to control the distribution of space within a flex container?

It can be used to quickly test local CSS overrides.

It specifies whether an element should be rendered vertically or horizontally.

It reduces conflict with other CSS definition methods.

It determines whether an element can be the target of pointer events.

What is the purpose of the CSS 'pointer-events' property?

It specifies the shape of the element's background.

It defines the shape that text content should wrap around.

What is the purpose of the CSS 'shape-outside' property?

Which CSS property is used to create a shadow effect that extends in all directions from the element?

It specifies how an element should fit within its container.

It fixes the position of an element within its parent.

It defines the alignment of items within a flex container.

What is the purpose of the CSS 'object-fit' property?

Which selector is used to select the paragraph element that is a direct descendent of section?

Which CSS property is used to create an effect where a 2D element appears to be three-dimensional?

Used to control the spacing between paragraphs in a text document.

This property helps in adjusting the alignment of text within a container, ensuring it aligns with a specific margin.

It specifies how words should break within an element.

Primarily used to change the font style of selected words within a paragraph.

What is the purpose of the CSS 'word-break' property?

In a flex container with the default direction, which CSS property is used to align items along the main axis?

It is used to determine the space between columns of a grid-based layout in a webpage.

It specifies the gap between elements in a flex container.

It sets the gap between individual characters within a text element.

What is the purpose of the CSS 'column-gap' property?

Which CSS property is used to create an effect where an element responds to user interactions with a spring-like motion?

Helps in adjusting the rendering speed of complex geometric shapes created using CSS.

It controls the rendering of shapes and images.

It is used to determine the order in which overlapping shapes are rendered on a webpage

What is the purpose of the CSS 'shape-rendering' property?

To rotate an object 30 degrees counterclockwise, which style property would you apply?

It is used to apply a mask of texture or pattern over a background image to create a 3D effect.

It is used to mask the shape of a text element, allowing the text to flow around irregular contours.

This property helps in adjusting the opacity of a specific area within an element, making it partially transparent while keeping the rest of the element unaffected.

It applies a mask to an element, hiding certain parts of it.

What is the purpose of the CSS 'mask' property?

asymmetric, so that the transition going from the initial state to the end state is different from the transition going from the end state back to the initial state.

one sided, so that there is only one transition and it goes from the initial state to the end state.

one-sided, so that there is only one transition and it goes from the end state to the initial state.

symmetric, so that the transition going from the initial state to the end state is the reverse of the transition going from the end state back to the initial state.

Property is used to control the way gradients are applied to elements during CSS animations.

It is used to specify the direction in which an element rotates during an animation.

It specifies how an animation's effects should be distributed over time.

It controls the state of an element before and after an animation.

What is the purpose of the CSS 'animation-fill-mode' property?

To insert an external style sheet file into another style sheet file, which rule should you use?

When linking style sheets, JavaScript, and icons for mobile apps

When linking style sheets, favicons, and preloading assets

When linking style sheets, external URLs, and favicons

For content not directly related to the surrounding content

For anything you want to move to the side, like a pull quote box, a sidebar, or an image with text wrapping around it

It is interchangeable with the src attribute, so any element which uses src may use <source>

With which tags is the <source> element associated?

What is NOT a valid attribute for the <textarea> element?

It connects the web browser to a SA-MP server.

It identifies enclosed text as a sampler or an example.

It identifies sample output from a computer program.

It uses a simple application messaging protocol to connect the browser to a texting device.

What is the purpose of the <samp> element?

<table><legend>Heading</legend>...</table>

<table><caption>Heading</caption>...</table>

What is the semantic way to add an identifying title to a table?

Quizzes