0% found this document useful (0 votes)
1 views

CSS Notes

Cascading Style Sheets (CSS) is a styling language that enhances the visual presentation of web documents by separating content from design. It allows web developers to apply styles through various methods, including inline, embedded, and external stylesheets. CSS has evolved since its introduction in 1996, providing a robust framework for creating modern, responsive web designs.

Uploaded by

Jay Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
1 views

CSS Notes

Cascading Style Sheets (CSS) is a styling language that enhances the visual presentation of web documents by separating content from design. It allows web developers to apply styles through various methods, including inline, embedded, and external stylesheets. CSS has evolved since its introduction in 1996, providing a robust framework for creating modern, responsive web designs.

Uploaded by

Jay Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

INTRODUCTION

Cascading Style Sheets (CSS)


CSS, or Cascading Style Sheets, is a styling language used to add visual style and layout to
web documents written in HTML and XHTML. With CSS, web developers can separate the
presentation of a web page from its content, making it easier to manage and update the
appearance of a website.

CSS works by providing a set of rules that define how HTML elements should be displayed
on a web page. These rules include things like font size, color, spacing, and positioning, as
well as more complex properties like animations and transitions.

CSS can be added to an HTML document in several ways, including inline styles,
embedded styles, and external style sheets. Inline styles are added directly to HTML
elements using the "style" attribute, while embedded styles are placed within the "head"
section of an HTML document. External style sheets are separate files that contain all of the
CSS rules for a website, and are linked to from the HTML document using the "link" tag.

CSS is an essential tool for web development, allowing designers and developers to create
visually appealing and user-friendly websites. It is constantly evolving, with new features
and capabilities being added with each new version, making it a powerful tool for creating
modern, responsive web designs

 CSS stands for Cascading Style Sheets

 CSS defines how HTML elements are to be displayed

 CSS saves a lot of work

 External Style Sheets are stored in CSS files

Cascading Style Sheets, fondly referred to as CSS, is a simply designed language intended
to simplify the process of making web pages presentable. CSS allows you to apply styles to
web pages. More importantly, CSS enables you to do this independent of the HTML that
makes up each web page.

1
ABOUT CSS
The story of CSS begins in the early days of the web, when websites were simple
and consisted mostly of plain text and simple images. As web designers and developers
began to experiment with more complex layouts and designs, they quickly realized the
limitations of HTML, the markup language used to structure web documents.

HTML provided only basic styling options, such as bold and italic text,
and there was no easy way to control the layout and positioning of page
elements. To address this issue, the first version of CSS was introduced in
1996 by Hakon Wium Lie, a researcher at CERN, the European
Organization for Nuclear Research.

CSS Syntax: The Building Blocks of Style


CSS syntax is the set of rules and conventions that dictate how CSS code is written and
structured. It is essential for creating effective and maintainable stylesheets.
 Selector
A selector is an HTML tag at which a style will be applied.
 Property
A property is a type of attribute of HTML tag. Put simply, all the HTML attributes are
converted into CSS properties.
 Value
Values are assigned to properties.
Syntax
selector { property : value ; }

The basic building block of CSS syntax is a rule, which consists of a selector and one or
more declarations. Selectors specify which HTML elements the rule should apply to, while
declarations define the style properties of those elements.

Example
h1{color:blue;}

You might also like