CSS Web Dev 1

What is CSS?

A styling language (not a programming or markup language).

What is the basic syntax for a CSS rule?

selector { property: value; }

What separates a property from its value?

A colon (:)

What terminates a CSS declaration?

A semicolon (;)

What is CSS applied directly in an HTML tag?

Inline styling.

What is the best practice for applying CSS to multiple pages?

External CSS.

What selector uses a hash symbol (#)?

ID selector.

What selector uses a dot (.)?

Class selector.

What selector targets all elements of a type (e.g., p)?

Type selector.

Must an ID be unique on a page?

Yes.

Can multiple elements share the same Class?

Yes.

What are the four parts of the CSS Box Model (inside to out)?

Content, Padding, Border, Margin.

Which part of the Box Model is the transparent space inside the border?

Padding.

Which part of the Box Model is the transparent space outside the border?

Margin.

What is the default position value?

static.

What position is relative to its normal flow position?

relative.

What position is fixed relative to the viewport?

fixed.

What position is relative to its closest positioned ancestor?

absolute.

Which property controls the visual stacking order (depth)?

z-index.

Which display value makes an element take full width?

block.

What is the only absolute CSS unit used in web development?

px (pixels).

Why are px units discouraged for text size in responsive design?

They are fixed and don't adapt.

Which relative unit is based on the root font size?

rem.

Which relative unit is based on the parent element's font size?

em.

What is a Media Query?

A rule (@media) to apply styles based on screen/device features.

What media query targets styles up to a size?

max-width.

What layout model is used for one-dimensional alignment and spacing?

Flexbox (Flexible Box Layout).

What property activates Flexbox?

display: flex;

What property distributes space on the main axis in Flexbox?

justify-content.

What CSS rule defines an animation sequence?

@keyframes.

What property links an element to an animation definition?

animation-name.

What are the four link states for styling?

:link, :visited, :hover, :active.

What is Bootstrap?

A front-end framework for fast, responsive web development.

How many columns are in Bootstrap's grid system?

12 columns.

What is a Wireframe?

A low-fidelity blueprint showing a page's structure (no styling