CSS Basics Quiz

CSS Selectors

• ID Selector: Targets a specific HTML element by its unique id attribute, prefixed with a hash symbol (#).
• Class Selector: Selects elements with a designated class attribute using a period (.) before the class name, applicable to multiple elements.
• Universal Selector: Wildcard selector that applies styles to all elements on a webpage.
• Group Selector: Combines multiple selectors to minimize code repetition. For example, h1, h2, p { text-align: center; color: blue; } groups styles for headings and paragraphs.

Positioning in CSS

• Position Property: Controls the positioning of HTML elements, using values for top, bottom, left, and right.
• Position Types:
  • Static Positioning: Default setting for elements, unaffected by positional properties.
  • Fixed Positioning: Fixes an element's position relative to the browser window, maintaining its place during scrolling.
  • Relative Positioning: Positions an element relative to its original location.
  • Absolute Positioning: Places an element at specific coordinates on the screen, independent of surrounding elements.

Float Property

• Float Property: Dictates the flow of content within a layout.
  • Float: left: Positions the element to the left side of the container.
  • Float: right: Positions the element to the right side of the container.
  • Float: none: Default setting, maintains the natural flow of the element.

Display Property

• Display Property: Determines how elements render on a webpage.
  • Inline: Displays elements inline, allowing them to sit next to one another.
  • Block: Starts on a new line and takes full width of the browser window.
  • Inline-Block: Similar to inline but allows width and height adjustments.
  • None: Completely removes the element from the display.

Lists in HTML5

• List Styles: CSS styles replace HTML type attributes for list markers (disc, circle, square).
• Sets the marker type using style="list-style-type:value" where value can be disc, circle, square, or none.

Definition List

• Definition List: Created using <dl>, <dt> for terms, and <dd> for definitions, organizes terms with their corresponding explanations.

Audio and Video in HTML5

• HTML5 Multimedia Support: Native audio and video capabilities allow embedding without Flash dependence.
• Audio Formats: Common format is mp3, part of MPEG standards, facilitating audio playback on websites.