CASCADING STYLE SHEETS(CSS)
WHAT IS CSS?
• CSS stands for Cascading Style Sheets, and it's used to add style to a web
page by dictating how a site is displayed on a browser.
• CSS describes how HTML elements are to be displayed on the screen,
paper, or in other media
• CSS saves a lot of work. It can control the layout of multiple web pages
all at once
• CSS is unique in that it doesn't create any new elements, like HTML or
JavaScript. Instead, it's a language used to style HTML elements.
• CSS is used to define styles for your web pages, including the design, layout and
variations in display for different devices and screen sizes.
• CSS handles the look and feels part of a web page.
• Using CSS, you can control the color of the text, the style of fonts, the spacing
between paragraphs, how columns are sized and laid out, etc.
• CSS saves time − You can write CSS once and then reuse the same sheet on
multiple HTML pages
• There are three types of CSS which are given below:
Inline CSS.
Internal or Embedded CSS.
 External CSS.
CSS SYNTAX
• 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.
• Multiple CSS declarations are separated with semicolons, and
declaration blocks are surrounded by curly braces.
Thank you
EXAMPLE:
<!DOCTYPE html>
<html>
<head>
<title>Inline CSS</title>
</head>
<body>
<p style = "color:#009900; font-size:50px;
font-style:italic; text-align:center;">
hello students
</p>
</body>
</html>
Cascading Style Sheets(CSS).pptx by kj frm changa

Cascading Style Sheets(CSS).pptx by kj frm changa

  • 1.
  • 2.
    WHAT IS CSS? •CSS stands for Cascading Style Sheets, and it's used to add style to a web page by dictating how a site is displayed on a browser. • CSS describes how HTML elements are to be displayed on the screen, paper, or in other media • CSS saves a lot of work. It can control the layout of multiple web pages all at once • CSS is unique in that it doesn't create any new elements, like HTML or JavaScript. Instead, it's a language used to style HTML elements.
  • 3.
    • CSS isused to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes. • CSS handles the look and feels part of a web page. • Using CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs, how columns are sized and laid out, etc. • CSS saves time − You can write CSS once and then reuse the same sheet on multiple HTML pages • There are three types of CSS which are given below: Inline CSS. Internal or Embedded CSS.  External CSS.
  • 4.
  • 5.
    • The selectorpoints 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. • Multiple CSS declarations are separated with semicolons, and declaration blocks are surrounded by curly braces.
  • 6.
  • 8.
    EXAMPLE: <!DOCTYPE html> <html> <head> <title>Inline CSS</title> </head> <body> <pstyle = "color:#009900; font-size:50px; font-style:italic; text-align:center;"> hello students </p> </body> </html>