HTML5 & CSS3 Features
Layout Techniques
Selectors & Specificity
HTML
Styling with the CSS
100

What  HTML5 semantic element represents self-contained content, like a blog post or article.

What is <article>

100

What  CSS property is commonly used to float an element to the left or right of its container?

What is float

100

What  type of CSS selector targets an element based on its id attribute?

What is id selector 

100

What is the root element of every html page ?

What is <HTML>

100

What CSS property is used to create rounded corners on an element?

What is Border - Radius 

200

What  CSS3 feature allows you to add visual effects like shadows and reflections to elements.

What is box-shadow, text-shadow, and reflect 

200

What CSS display value arranges items in a single row or column and provides powerful alignment and spacing capabilities?

What is Flex or Flex-box 

200

What  symbol is used to denote a class selector in CSS.

What is (.)

200

What tag is used to create a hyperlink to another web page or resource?

What is <a>

200

What  CSS property is used to change the text color of an element?

What is color:---;

300

What  HTML5 API allows web applications to store data locally within the user's browser

What is Local Storage or Session Storage 

300

What  CSS display value arranges items in a two-dimensional grid system.

What is grid 

300

What  concept in CSS determines which rule is applied to an element when multiple conflicting rules exist?

 What is specificity

300

What  tags are used to structure the main content areas of a web page, such as headers, navigation, and footers?

What is <headers>, <nav>, <main>, and <footer>

300

What CSS property controls the spacing between lines of text?

What is line-height

400

What  CSS3 module allows for smooth transitions of property values over a specified duration.

What is CSS transitions 

400

What  CSS property is used to prevent elements from floating alongside each other

What is clear

400

What  is a CSS selector that targets all <a> elements that have a href attribute?

What is <a href> 

400

 What  attribute is used within an image tag to provide alternative text for screen readers or if the image fails to load?

What is alt

400

What  CSS box model property defines the space outside an element's border?

What is Margin

500

What  CSS3 features allow you to apply different styles to elements based on different screen sizes or device orientations.

What is CSS Media Queries

500

What  layout technique involves positioning elements relative to their normal position or to the viewport.

What is relative, absolute, fixed, sticky 

500

how do you change the font of the text

what is font-family: ---;

500

What  HTML5 element is used to embed video content directly into a web page?

What is <video>

500

What  CSS selector targets all paragraph elements on a page?

What is p