Recommended
More Related Content
What's hot
What's hot (20)
Similar to Css and its types
Similar to Css and its types (20)
Recently uploaded
Recently uploaded (20)
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!