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

Import Style Sheet

An import Style Sheet is a sheet that can be imported to combined with another style sheet. This allows creating one main sheet containing declarations that apply to the whole site. It also allows partial sheets containing declaration that apply to specific elements or document. By importing partial sheets to one main sheet, multiple style sheets can be combined into one.

File: Style1.css

File: Style2.css

File: Main.css (Combining Style1.css and Style2.css)

File: Example.html (File using the main.css style )

Consider one more situation, where a document requires style information from main.css and one more stylesheet, say, style3.css. The document that additionally requires the style3.css information can be written in the following way: