ankitweblogic logo
W e b t u t o r i a l s

Types of Style Sheet

Import Style Sheet

CSS3 Border Images

CSS2 Clip Property

CSS3 Background

CSS3 Color Property

CSS3 Linear Gradient

CSS3 Radial Gradient

CSS3 text-shadow

CSS3 word-wrap

CSS3 box-shadow

CSS text-stroke

CSS3 Nested Menu

CSS3 Combinators

CSS3 Pseudo Classes

CSS3 Pseudo Element

CSS3 2D Transform

CSS3 2D Transform

CSS3 3D Transform

CSS3 Transitions

CSS3 Animation

CSS3 Animation Exercise

CSS3 Multiple Columns

After Before Shadow

CSS3 Resize Property

CSS3 Shapes

Exercise Shape

CSS Tooltip

CSS Hover Effect

Types of Style Sheets

In CSS, Types of Style Sheets are:
1. Inline style sheet
2. Internal or Embedded style sheet
3. External Style Sheet
4. Imported Style Sheet.

A Style Sheet is applied to an element in the following order:
1. Container elements
2. HTML tag selector
3. Class selector
4. ID selector
5. Inline Style

In the above list, if any style properties are common, the latter will override the format. Hence, the HTML tag selector will override the container element, the class selector will override the HTML tag selector, the ID selector will override the class selector, and the inline styles will override the ID selector.

Example : Style Sheet Order. Output: