Mastering CSS Basics

What does CSS stand for?

• Cascading System Styles

• Cascading Style Sheets

• Cascading Style Scripts

• Creative Style Sheets

What is the purpose of CSS?

• 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.

How do you apply CSS to an HTML document?

• 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.

What is a CSS selector?

• 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.

What is the difference between class and ID selectors?

• 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 (.)

What property is used to change the text color in CSS?

• color

• text-color

• background-color

• font-color

What is the box model in CSS?

• 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.

What property is used to control the layout of a webpage?

• JavaScript functions

• CSS properties

• HTML attributes

• Image formats

What is the difference between padding and margin?

• 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.

How do you center a block element in CSS?

• margin: auto; width: [desired width];

• display: flex; justify-content: center;

• padding: 0 auto;

• position: absolute; left: 50%;