Mastering CSS Basics

Cascading System Styles

Cascading Style Sheets

Cascading Style Scripts

Creative Style Sheets

The purpose of CSS is to style and layout web pages.

To create server-side scripts.

To manage database connections.

To optimize website loading speed.

CSS can only be applied through JavaScript.

You must use a specific CSS framework to apply styles.

You can only use inline styles to apply CSS.

You can apply CSS using inline styles, internal styles, or external styles.

A CSS selector is a type of HTML element.

A CSS selector is a programming language.

A CSS selector is a pattern used to select and style HTML elements.

A CSS selector is a tool for debugging code.

Class selectors (.) can target multiple elements; ID selectors (#) target a single unique element.

ID selectors are used for styling while class selectors are used for scripting.

Class selectors can only target a single element; ID selectors can target multiple elements.

Class selectors are defined with a hash (#) while ID selectors are defined with a dot (.)

color

text-color

background-color

font-color

The box model is a layout technique for positioning elements in a grid.

The box model defines how to style text within an element.

The box model in CSS is a concept that defines how the dimensions of an element are calculated, including content, padding, border, and margin.

The box model in CSS only includes the content area.

JavaScript functions

CSS properties

HTML attributes

Image formats

Padding is used for text alignment; margin is used for background color.

Padding and margin are the same thing; they both create space around elements.

Padding is the space between elements; margin is the space inside an element.

Padding is inner space; margin is outer space.

margin: auto; width: [desired width];

display: flex; justify-content: center;

padding: 0 auto;

position: absolute; left: 50%;