Full Stack Web Development MASTERY Course - Novice to Expert - Styling Buttons and Links

The video tutorial covers styling HTML buttons and anchor tags using CSS. It begins with setting up an HTML file and applying styles to a container element. The tutorial then demonstrates how to style anchor tags, including changing text decoration and color. It explains the use of pseudo selectors like hover and visited to create interactive effects. Finally, it shows how to style buttons, manage hover and active states, and suggests further customization options.

What is the purpose of setting 'margin: auto' in the CSS for a container?

• To increase the font size

• To center the container horizontally

• To change the text color

• To add a border

Which CSS property is used to remove the underline from an anchor tag?

• font-style

• text-decoration

• text-transform

• text-align

What does the 'hover' pseudo-selector do when applied to an anchor tag?

• Changes the text to bold

• Applies styles when the mouse is over the element

• Removes the element from the DOM

• Changes the font size

How does the 'visited' pseudo-selector affect a link?

• It changes the link's color after it has been clicked

• It hides the link

• It makes the link bold

• It adds an underline to the link

What is the main difference between 'hover' and 'visited' pseudo-selectors?

• 'hover' is for when the mouse is over an element, 'visited' is for after a link is clicked

• 'hover' changes the font size, 'visited' changes the font color

• 'hover' is for buttons, 'visited' is for images

• 'hover' removes the element, 'visited' adds a border

Why is the 'active' pseudo-selector not very useful for anchor tags?

• Because it only works with images

• Because it only applies when the link is clicked and held

• Because it changes the text to uppercase

• Because it removes the link from the page

What is the purpose of adding a class to a button in HTML?

• To apply specific styles using CSS

• To change the button's text

• To make the button unclickable

• To add an image to the button

Which CSS property is used to round the corners of a button?

• margin

• padding

• border-radius

• font-size

What happens when you apply the 'hover' pseudo-selector to a button?

• The button becomes unclickable

• The button's background color changes

• The button's text disappears

• The button's size increases

How can you indicate to users that a button is clickable?

• By changing the button's text color to red

• By making the button invisible

• By adding a shadow to the button

• By changing the cursor to a pointer on hover