July 13th in Tutorials ∇, Web Coding .

Placement of CSS Elements (Style Sheet Part 3)

  • Delicious
  • Design Bump
  • Facebook
  • Digg
  • Reddit
  • Google
  • LinkedIn
  • Technorati
  • StumbleUpon
  • Twitter
  • RSS Feed

There are three places in a document where style sheets can be place, with an individual tag, in the <head> or in an external file. The tag will be get affected if a style calls placed within an individual tag, but other styles can affect the any page that load style sheets or affect the entire page.

For Example:

<h4 style=”color: #0000ff ;”> another blue headline</h4>

Within a head of your HTML document you can create a style sheet by enclosing it like <STYLE> tags. It is a good way to define this mime type of styles which you are creating, and then to put the style rules within comment tags in a way that older browsers can not display them as text on page.

For Example:

<head>
<style>
<!–
H4 { color: blue; }
–>
</style>
</head>

Linking a Style Sheet

A linked style sheet looks like this

<link rel=”stylesheet” type=”text/css” href=”stylesheet.css”>

The benefit of linking a style sheet is that it supports by the major browsers

Importing a Style Sheet

By Importing a style sheets it allow you to keep your all style information in the same place, within the <style> element while also loading external files as style commands.

For Example:

<style>
@import URL (http://yoursite.com/stylesheet.css);
H4 { color: #0000ff; }
</style

Part 4 of this tutorial will be coming soon keep reading. Thanks!

Comments

  • Online Banking Security
    October 17, 2010
  • Bank online with Chase
    October 18, 2010
  • Caralluma Fimbriata
    November 29, 2010
  • free dating sites
    December 21, 2010
  • partnerwithpaul.com
    February 14, 2011
  • Tas Quiksilver
    February 21, 2011

Leave A Comment.





Trackbacks

Ulancer Blog One Source To Your Freelancing Needs

About Us

Ulancer is a Freelance Network and Resource website that offers inspirational art, time-saving techniques, insightful tutorial, useful resources such as freelancer bookmarking and website submitting. Our Freelance Blog covers web development, advertising, freelance resources, mobile applications, web & graphic designing.

Need help with your subscriptions, job advert or the site? Visit our Support Center, You will probably find the answer to your question there.