Canvas Basics
Which method is used to create a circular arc on the canvas?
What is arc()
This element represents the main content of a webpage.
What is <main>
Which CSS property changes the background color of an element?
What is background-color
What CSS property should be applied to make a container use Flexbox?
What is display: flex
Which hex color code represents the color black?
What is #000000
In HTML canvas, this method is used to set the starting point for drawing paths or shapes.
What is moveTo()
Which HTML element is typically used to contain navigation links?
What is <nav>
This CSS property adjusts the amount of space outside an element.
What is margin
Which property aligns flex items along the main axis?
What is justify-content
This person is credited with inventing the World Wide Web in 1989, revolutionizing the way we share information online.
Who is Tim Berners-Lee
What command must be used to display shapes drawn on the canvas path?
What is stroke() or fill()
This element usually contains footer information, like copyright or contact details.
<footer>
This property is used to adjust the amount of space inside an element’s border.
What is padding
What property is used to control the direction of flex items within a flex container?
What is flex-direction
Which CSS rule is used to import fonts from external sources like Google Fonts?
What is @import
Which canvas method is required to reset the path so that a new shape doesn’t connect to previous paths?
What is beginPath()
Which HTML element is commonly used to group other elements together, especially in layouts?
Which CSS property is used to create rounded corners on an element?
What is border-radius
Which flex property changes the alignment of items along the cross-axis?
What is align-items
To set a custom font on your website, which CSS property would you use after importing the font?
What is font-family
What are the main parameters needed to draw a circle with arc()?
What are the x and y coordinates, radius, and start and end angles
This HTML element is used to define thematic sections in a webpage, often within the main content.
What is <section>
This CSS property allows a parent element to align child elements horizontally or vertically, depending on its direction.
What is display: flex;
Which CSS property allows flex items to wrap onto multiple lines if there isn’t enough space in the flex container?
What is flex-wrap
Which keyboard shortcut is commonly used to save a document or file on most operating systems?
What is ctrl + s