CSS Basics for Class 5

What does CSS stand for?

• Cascading Style Scripts

• Creative Style Sheets

• Computer Style Sheets

• Cascading Style Sheets

How do you select an element with id 'example' in CSS?

• .example

• id:example

• element#example

• #example

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

• color

• style-color

• text-color

• font-color

Explain the difference between padding and margin in CSS.

• Padding is internal spacing, while margin is external spacing.

• Padding is applied to the border of an element, while margin is applied to the content area.

• Padding is used for text alignment, while margin is used for background color.

• Padding and margin are interchangeable terms in CSS.

How do you include an external CSS file in an HTML document?

What is the purpose of the 'float' property in CSS?

• The 'float' property in CSS is used to change the font size of an element.

• The 'float' property in CSS is used to create a border around an element.

• The 'float' property in CSS is used to specify whether an element should float to the left, right, or none.

• The 'float' property in CSS is used to add a shadow effect to an element.

What is the 'box model' in CSS?

• The 'box model' in CSS describes the structure of elements on a web page, including content, padding, border, and margin.

• The 'box model' in CSS is a new feature introduced in HTML5

• The 'box model' in CSS is only applicable to text formatting

• The 'box model' in CSS refers to a type of packaging design

How do you center an element horizontally in CSS?

• padding: 0 auto;

• text-align: center;

• justify-content: center;

• margin: 0 auto;

What is the difference between 'inline' and 'block' elements in CSS?

• Inline elements are always displayed vertically, while block elements are displayed horizontally.

• Inline elements have a fixed width, while block elements can be resized dynamically.

• Inline elements are not affected by margin and padding properties, while block elements are.

• Inline elements do not start on a new line and only take up as much width as necessary, while block elements start on a new line and take up the full width available.

Explain the concept of specificity in CSS.

• Specificity in CSS only applies to external stylesheets, not inline styles

• Specificity in CSS is a weight that determines which style declaration will be applied to an element when multiple declarations have equal specificity. Inline styles have the highest specificity, followed by IDs, classes, and elements.

• Specificity in CSS is determined by the number of properties declared in a style rule

• Specificity in CSS refers to the order in which styles are written in the stylesheet