Recommended
More Related Content
More from Rahul Rana
Recently uploaded
Recently uploaded (20)
Types of CSS - Cascading Style Sheet
- 1. Types of CSS (Cascading Style Sheet)
- 2. Cascading Style Sheet(CSS) is utilized to set the style in site pages which contain HTML elements. It sets the font-size, background color, font-family, color, … etc property of elements in a web page.
- 3. ● Inline CSS ● Internal or Embedded CSS ● External CSS
- 4. Inline CSS contains the CSS property in the body area connected with Element is known as inline CSS. This sort of style is determined within an HTML tag utilizing style attribute.
- 5. Internal or Embedded CSS: This can be used when a single HTML document must be styled uniquely. The CSS principles set ought to be within the HTML file in the head section i.e the CSS is embedded within the HTML file. Youtube Video Link :- https://youtu.be/h83N208Olfc
- 6. External CSS: External CSS contains separate CSS file which contains only style property with the assistance of tag attributes (For example class, id, heading, … etc). CSS property written in a different file with .css expansion and ought to be connected to the HTML report utilizing link tag. This implies for every component, style can be set just once and that will be connected crosswise over website pages.
- 7. Below is the HTML file that is making use of the created external style sheet link tag is used to link the external style sheet with the html webpage. href attribute is used to specify the location of the external style sheet file.
- 8. Properties of CSS Inline CSS has the highest priority, then comes Internal/Embedded followed by External CSS which has the least priority. Different style sheets can be defined on one page. If for an HTML tag, styles are defined in various style sheets then the below order will be followed. ● As Inline has the highest priority, any styles that are defined in the internal and external style sheets are overridden by Inline styles. ● Internal or Embedded stands second in the priority list and overrides the styles in the external style sheet. ● External style sheets have the least need. If there are no styles defined either in inline or internal style sheet then external style sheet rules are applied for the HTML tags.
- 9. If any want to learn CSS , then visit Web designing training in Chandigarh CBitss Technologies Address: Sector 34A, sco 23-24-25, Chandigarh, 160022 Mobile No: 9914641983