HTML Basics
What is the root element of every HTML page?
<html>
What selector targets all paragraph elements?
p
What CSS property arranges items in a single row or column?
display: flex
What CSS property controls the text size?
font-size
What tag represents self-contained content that could be independently distributed?
<article>
What tag is used to create an unordered list?
<ul>
What selector targets an element with a specific ID?
#idValue
What CSS property is used for positioning elements outside of the normal flow?
position: absolute or position: fixed
What CSS property changes the background color of an element?
background-color
What tag semantically represents a navigation menu?
<nav>
What attribute defines inline styles for an HTML element?
<style>
What is the specificity order of CSS selectors?
ID selectors, then class/attribute/pseudo-class selectors, then element/pseudo-element selectors.
What CSS layout model uses a two-dimensional grid system?
CSS Grid Layout
What CSS property adds space inside an element's border?
padding
What tag represents a thematic break between content?
<hr>
What tag is used to create a hyperlink?
<a>
How do you select all `li` elements that are direct children of a `ul` element?
ul > li
What CSS property controls the stacking order of elements?
z-index
What CSS property is used to make text bold?
font-weight: bold
What tag represents introductory content, typically containing a heading?
<header>
What tags do you use for a common HTML table?
<table>, <tr>, <th>, <td>
What is the difference between a class selector and an attribute selector?
A class selector targets elements with a specific class attribute, while an attribute selector targets elements based on the presence or value of a specific attribute.
Describe the difference between `display: block`, `display: inline`, and `display: inline-block`.
block elements take up the full width and create line breaks; inline elements only take up necessary width and don't create line breaks; inline-block elements are like inline but allow setting width and height.
What is the CSS box model and its components?
The box model consists of the content, padding, border, and margin.
What are the semantic HTML5 tags for the main content area of a page?
<main>, <article>, <aside>, <nav>, <footer>