The document provides an introduction to Cascading Style Sheets (CSS), detailing how CSS is used to control the display of HTML elements across different media. It explains the benefits of using external stylesheets and outlines three methods for adding CSS to web pages: external, internal, and inline. Additionally, it covers various CSS syntax elements such as selectors, properties, and values related to text and layout.

1. CASCADING STYLE SHEET -Praveenram

2. INTRODUCTION
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 stylesheet are stored in CSS files

3. WITHOUT CSS

4. EXAMPLE 1

5. EXAMPLE 2

6. EXAMPLE 3

7. CSS SYNTAX

8. CSS HOW TO...
Three Ways to Insert CSS
There are three ways of inserting a style sheet:
oExternal style sheet
oInternal style sheet
oInline style

9. EXTERNAL STYLESHEETS
mystyle.css

10. INTERNAL STYLESHEET

11. INLINE STYLESHEET

12. SELECTORS
o Classes ( . )
o .text-white{
color:white;
}
oID (#)
o #text-white{
color:white;
}
oTAG
o h1{
color:white;
}
oPseudo (:)
o .color:nth-child(1) {
color:white;
}

13. COLORS

14. BACKGROUND

15. BACKGROUND

16. BACKGROUND

17. BORDER

18. BORDER

19. BORDER

20. BORDER

21. BORDER

22. BORDER

23. MARGIN

24. MARGIN

25. PADDING

26. HEIGHT & WIDTH

27. HEIGHT & WIDTH

28. TEXT

29. TEXT-ALIGN

30. TEXT-ALIGN

31. TEXT-DECORATION

32. TEXT-TRANSFORM

33. FONT-STYLE

34. FONT-SIZE

35. FONT

36. ICONS

37. LINKS