Web design Tutorials Lesson 3.( Part 3)

Where to put your styles

 STYLES are often inserted into 3 locations: Inline, Embedded, and External.


Inline vogue Sheets

You can place a method tag directly in an exceedingly hypertext mark-up language Tag. this is often known as Inline. Inline designs can override ones placed elsewhere. Here's associate example of associate Inline style:

vogue = 'Color: Red'>My Heading


To place a method in an exceedingly hypertext mark-up language tag, do the following:

sort the Tag you would like to alter
Next, group A area then the word vogue
sort associate sign ( = ) when the word vogue
group A double quote mark
sort the Property followed by a colon
sort the worth
sort the another double quote mark
sort the correct angle bracket ( > ) of the hypertext mark-up language tag


Embedded vogue Sheets

Embedded designs enter the pinnacle section of your hypertext mark-up language page once you introduce a method within the HEAD section, you utilize the 2 tags to inform the browser wherever the fashion starts and ends. you'll add a kind attribute, if you would like. however fashionable browsers do not would like it.

An example of associate embedded vogue.

Then in between the 2 vogue tags you'd sort your CUSS Rules.External vogue Sheets

Instead of typewriting the tags.

If you're mistreatment external style sheets, you're not restricted to just one. you'll use as several external style sheets as you would like. All that's needed may be a totally different LINK tag for every style sheet.

When saving your external style sheets, you do not got to put it aside with the extension .cuss. you'll put it aside with the extension .text. within the H REF a part of your LINK tag,

 you'd then have this.

H REF = style1.text

instead of

H REF = style1.cuss
In the next half, you may find out how to use your CUSS selectors.