WHAT IS CSS?
WHAT IS CSS?

WHAT IS CSS?

WHAT IS CSS : 

  • CSS stands for Cascading Style Sheets
  • CSS describes how HTML elements are to be displayed on screen, paper, or in other media
  • CSS saves a lot of work. It can control the layout of multiple web pages all at once
  • External stylesheets are stored in CSS files
 
 

 

CSS SOLVED A BIG PROBLEM : 

HTML was created to describe the content of a web page, like:

When tags like , and color attributes were added to the HTML 3.2 specification. it started a nightmare for web developers. Development of large websites, where fonts and color information were added to every single page, became a long and expensive process.

To solve this problem, the World Wide Web Consortium (W3C) created CSS.

CSS SYN :

CSS selector

The selector points to the HTML element you want to style.

The declaration block contains one or more declarations. separated by semicolons.

Each declaration includes a CSS property name and a value, separated by a colon.

KEYWORD RESOURCES

CSS inrtoduction

If you new to web development , be sure to need css basic topics to learn what is cssis and how to use .

CSS Tutorials

Our CSS LEARNING AREA  contains a wealth of tutorials to take you from beginner level to proficiency, covering all the fundamentals.

CSS FIRST CREATE

CSS (Cascading Style Sheets) is used  used to style and layout web pages — for example, to alter the font, color, size, and spacing of your content, split it into multiple columns, or add animations and other decorative features.

CSS BUILIDING BLOCKS

This module carries on where CSS FIRST STEP now you’ve gained familiarity with the language and its syntax, and got some basic experience with using it, it’s time to dive a bit deeper. This module looks at the cascade and inheritance, all the selector types we have available, units, sizing, styling backgrounds and borders, debugging, and lots

CSS STYLE TEST

At this point we’ve already looked at CSS fundamentals, how to style text, and how to style and manipulate the boxes that your content sits inside. Now it’s time to look at how to place your boxes in the right place in relation to the viewport, and to each other. We have covered the necessary prerequisites so we can now dive deep into CSS layout.

CSS LAYOUT

At this point we’ve already looked at CSS fundamentals. how to style text, and how to style and manipulate the boxes that your content sits inside. Now it’s time to look at how to place your boxes in the right place in relation to the viewport, and to each other. We have covered the necessary prerequisites so we can now dive deep into CSS layout, looking at different display settings, modern layout tools like flexbox, CSS grid, and positioning.

REFRENCE:
  • This exhaustive reference for seasoned Web developers describes every property and concept of CSS.

CSS DECLARATIONS

Setting CSS properties to specific values is the core function of the CSS language. A property and value pair is called a declaration, and any CSS engine calculates which declarations apply to every single element of a page in order to appropriately lay it out, and to style it.

WHAT IS CSS : 

  • CSS stands for Cascading Style Sheets
  • CSS describes how HTML elements are to be displayed on screen, paper, or in other media
  • CSS saves a lot of work. It can control the layout of multiple web pages all at once
  • External stylesheets are stored in CSS files
 
 

 

CSS SOLVED A BIG PROBLEM : 

HTML was created to describe the content of a web page, like:

When tags like , and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large websites, where fonts and color information were added to every single page, became a long and expensive process.

To solve this problem, the World Wide Web Consortium (W3C) created CSS.

CSS SYN :

CSS selector

The selector points to the HTML element you want to style.

The declaration block contains one or more declarations separated by semicolons.

Each declaration includes a CSS property name and a value, separated by a colon.

KEYWORD RESOURCES

CSS inrtoduction

If you new to web development , be sure to need css basic topics to learn what is cssis and how to use 

CSS Tutorials

Our CSS LEARNING AREA  contains a wealth of tutorials to take you from beginner level to proficiency, covering all the fundamentals.

CSS FIRST CREATE

CSS (Cascading Style Sheets) is used  used to style and layout web pages — for example, to alter the font, color, size, and spacing of your content, split it into multiple columns, or add animations and other decorative features

CSS BUILIDING BLOCKS

This module carries on where CSS FIRST STEP now you’ve gained familiarity with the language and its syntax, and got some basic experience with using it, it’s time to dive a bit deeper. This module looks at the cascade and inheritance, all the selector types we have available, units, sizing, styling backgrounds and borders, debugging, and lots

CSS STYLE TEST

At this point we’ve already looked at CSS fundamentals, how to style text, and how to style and manipulate the boxes that your content sits inside. Now it’s time to look at how to place your boxes in the right place in relation to the viewport, and to each other. We have covered the necessary prerequisites so we can now dive deep into CSS layout.

CSS LAYOUT

At this point we’ve already looked at CSS fundamentals, how to style text, and how to style and manipulate the boxes that your content sits inside. Now it’s time to look at how to place your boxes in the right place in relation to the viewport, and to each other. We have covered the necessary prerequisites so we can now dive deep into CSS layout, looking at different display settings, modern layout tools like flexbox, CSS grid, and positioning.

REFRENCE:

  • This exhaustive reference for seasoned Web developers describes every property and concept of CSS.

CSS DECLARATIONS

Setting CSS properties to specific values is the core function of the CSS language. A property and value pair is called a declaration, and any CSS engine calculates which declarations apply to every single element of a page in order to appropriately lay it out, and to style it.

CSS declaration

there is more than 100 different properties in css and nearly inflinite number of different values not all pairs of properties and values are allowed and each property defines what are the valid values. when the values is not valid for a given property, the declaration is deemed invaliad and is wholly ignored by the CSS engine. 

CSS DECLARATION BLOCKS

Declarations are grouped in blocks, that is in a structure delimited by an opening brace. Blocks sometimes can be nested, so opening and closing braces must be matched.

CSS block

Such blocks are naturally called declaration blocks and declarations inside them are separated by a semi-colon. A declaration block may be empty, that is containing null declaration. White spaces around declarations are ignored. The last declaration of a block doesn’t need to be terminated by a semi-colon

HOW TO WORK CSS ?

CSS, or “Cascading Style Sheets,” is used for styling and laying out webpages. It can be used to adjust content size, spacing, color and font or add decorative features, such as animations or split content into columns.

DEEP UNDERSTANDING CSS 

If style sheets could only apply a declaration to each element of a Web page, they would be pretty useless. The real goal is to apply different declarations to different parts of the document.

three ways of insert css ?

There are three ways of inserting a style sheet:

  • External CSS
  • Internal CSS
  • Inline CSS

WHAT IS external  CSS ? 

An external style sheet is a separate CSS file that can be accessed by creating a link within the head section of the webpage. Multiple webpages can use the same link to access the stylesheet. The link to an external style sheet is placed within the head section of the page.

EXAMPLE:

<!DOCTYPE html>
<html>
<head>
<link rel=”stylesheet” href=”mystyle.css”>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

WHAT IS INTERNAL CSS ?

An internal CSS is used to define a style for a single HTML page. An internal CSS is defined in thesection of an HTML page, within a

Leave a Reply

Your email address will not be published.