CSS Fundamentals and Syntax

A language used to define the design and layout of a webpage, including elements like font size, margins, and colors.

Specifies which HTML elements the CSS rule will apply to.

A block of code enclosed in curly braces that contains properties and their values.

A key-value pair that determines a specific aspect of an element's appearance.

A value that tells a web browser how to display the selected HTML elements.

A code snippet containing a selector and a declaration block.

A way to connect CSS stylesheets to HTML files, allowing the styles to be applied to the web page.

A file with a .css extension that stores CSS rules, allowing multiple webpages to share the same styling.

A way of defining styles that applies to a specific HTML page.

A way of defining styles that applies only to a specific HTML element, within its opening tag.

An external stylesheet applied to all pages within a website.

A way of defining styles that is applied globally to a website. These rules are stored in separate files.

The order in which CSS rules are applied, determining which style takes precedence when there are conflicts.

A common way to apply styles to multiple elements with the same class attribute.

A shorthand property for quickly setting text color.

The element is used to add page-specific CSS rules to individual HTML documents. It is used to define a stylesheet for the current document only.

This property controls the alignment of text within an element.

This property applies a line through text.

This property removes the underline from text.

A way to indicate that a link does not work correctly.

CSS properties that determine the boldness and italics of text.

A process that allows multiple sources of CSS to be applied to a webpage, with rules from different sources potentially overriding each other based on their precedence.

A stylesheet that is applied globally to a website, typically placed in the root of the website.

The process of defining a webpage's layout and design using a language called CSS, which controls elements like font size, margins, and colors.

Multiple CSS stylesheets can be used to separate different sections of a website, allowing for better organization and reusability of styles.

The order in which CSS stylesheets are linked to a page determines their priority; styles from later sheets override styles in earlier ones.

Having separate stylesheets for different sections lets you easily apply consistent styles to specific categories of pages, such as product pages or blog posts.

Designing webpages that adapt to different screen sizes (mobile, tablet, desktop) using different CSS rules for each device.

The <link> element is used to attach a CSS stylesheet to an HTML document, allowing the style rules within the stylesheet to be applied to the HTML elements.

The rel="stylesheet" attribute within the <link> element tells the browser the CSS file is intended to set styles for the document.

The href attribute in the <link> element specifies the path to the CSS file that contains the styles for the HTML page.

The <style> element is used to directly embed CSS rules within an HTML document, allowing you to define styles without a separate CSS file.

Comments within CSS files are written using /* ... */ syntax, allowing you to add notes and explanations without impacting the CSS code.

The background-color CSS property is used to set the background color of an HTML element. It takes a color value as an argument.

The color CSS property sets the text color of an HTML element. It also takes a color value as an argument.

CSS declarations are a key part of CSS rules, consisting of the property-value pairs that define the styles for an HTML element. Each declaration ends with a semicolon.

Using the em unit in CSS allows you to define font sizes and other measurements relative to the base font size of the element.

The font-size CSS property sets the text size of an HTML element. It typically accepts a measurement with a unit, such as px or em.

The font-family CSS property sets the typeface of an HTML element, allowing you to select from various font families, including system fonts and web fonts.

Multiple HTML elements can be selected and styled together within a single CSS rule by separating the element names with commas.

The list-style-type CSS property changes the appearance of the bullet points used in unordered lists (<ul>). It allows you to choose from various pre-defined bullet styles, as well as set it to none for a bullet-less list.

The none value for list-style-type removes the default bullet point from an unordered list (<ul>), allowing you to style menu items more like buttons.

The separation of content from presentation in web development allows for more maintainable and flexible web designs. HTML defines the content structure, while CSS handles the presentation and styling of that content.