CSS Selectors and Rules

This video tutorial covers the basics of using CSS selectors to style HTML elements by their tags. It explains the general format of a CSS rule and demonstrates how to apply styles to elements like h1 and image tags. The tutorial also includes a practical example of creating a rainbow effect on a webpage by coloring headers from h1 to h6 with different colors.

What is the general format of a CSS rule?

• Selector, curly braces, and declarations

• Curly braces, selector, and declarations

• Selector, declarations, and curly braces

• Declarations, selector, and curly braces

What does the selector in a CSS rule define?

• The style of the HTML elements

• The HTML elements to which the rule applies

• The size of the HTML elements

• The color of the HTML elements

What happens when you use a tag as a selector in CSS?

• It selects all elements with that tag

• It selects elements with a specific class

• It selects the first element with that tag

• It selects the last element with that tag

If you use 'h1' as a selector, what will the CSS rule apply to?

• All tags with a class of 'h1'

• All header tags

• All h1 tags

• All h2 tags

What will be the font size and color of all h1 tags if the CSS rule is 'h1 { font-size: 60px; color: red; }'?

• Font size of 60 pixels and color of blue

• Font size of 60 pixels and color of red

• Font size of 40 pixels and color of red

• Font size of 40 pixels and color of blue

How can you select all image tags and set their height to 200 pixels?

• img { height: 200px; }

• image { height: 200px; }

• img { width: 200px; }

• image { width: 200px; }

What will happen if you define a CSS rule 'img { height: 200px; }'?

• Only the first image will have a height of 200 pixels

• Only the last image will have a height of 200 pixels

• All images will have a height of 200 pixels

• No images will be affected

What color will all h1 tags be if the CSS rule is 'h1 { color: red; }'?

• Blue

• Red

• Yellow

• Green

What color will all h2 tags be if the CSS rule is 'h2 { color: orange; }'?

• Red

• Orange

• Yellow

• Green

What is the final color of h6 tags in the rainbow example?

• Yellow

• Green

• Blue

• Purple