Css and its types
- 1. CSS {Cascading Style Sheet} & its Types
- 2. 2 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
- 3. CSSSyntax 3 { color: blue; font-size: 12px; } Declaration Declaration Property PropertyValue Value
- 4. Types ◂ Inline styles ◂ Embedded styles (Internal) ◂ Linked styles (External) 4
- 5. Inline Styles ◂ An inline style may be used to apply a unique style for a single element. ◂ To use inline styles, add the style attribute to the relevant element. The style attribute can contain any CSS property. <h1 style="color:blue;margin-left:30px;">This is a heading</h1> Syntax
- 6. Embedded Styles (Internal) ◂ An internal style sheet may be used if one single page has a unique style. ◂ Internal styles are defined within the <style> element, inside the <head> section of an HTML page 6 Syntax <style> body { background-color: linen; } h1 { color: maroon; margin-left: 40px; } </style>
- 7. Linked Styles (External) ◂ With an external style sheet, you can change the look of an entire website by changing just one file! ◂ Each page must include a reference to the external style sheet file inside the <link> element. The <link> element goes inside the <head> section 7 Syntax <link rel="stylesheet" type="text/css" href="mystyle.css">
- 8. 8 Thanks!