1. CSS (Cascading Style Sheets):
CSS stands for Cascading Style Sheets, a stylesheet language used to describe the presentation (visual
appearance) of a document written in HTML or XML. CSS defines how HTML elements should be
displayed on screen, paper, or in other media.
2. Introduction to CSS:
CSS is introduced as a way to separate content from design. While HTML is used to structure content,
CSS is used to control how this content is presented, making it easier to manage the visual aspects of
a website.
3. Features of CSS:
Separation of Concerns: CSS allows you to separate the content (HTML) from its presentation (CSS),
making it easier to maintain and update.
Reusability: CSS styles can be reused across multiple HTML pages, ensuring consistent styling across a
website.
Efficiency: CSS allows for more efficient coding by enabling centralized control of styling. This means
that a change to a single CSS file can update the styling across multiple web pages.
Cascading: The "Cascading" part of CSS means that styles can be applied in a cascading manner,
meaning that styles can be inherited and overridden, allowing for flexible and sophisticated design.
4. Core Syntax:
Selectors: CSS uses selectors to target HTML elements that you want to style. For example, p { color:
red; } targets all <p> elements and sets their text color to red.
Properties: These define what aspect of the element you're going to change, such as color, font-size,
margin, etc.
Values: These specify the value of the property. For example, in color: red;, "red" is the value of the
color property.
Declaration Blocks: These are a combination of a property and value, enclosed in curly braces {}.
Multiple declarations can be separated by semicolons.
5. Style Sheets:
External Style Sheets: CSS can be written in a separate file with a .css extension, which is then linked
to the HTML document using the <link> tag.
Internal Style Sheets: CSS can be included within the <style> tag in the <head> section of the HTML
document.
