Embedded or Linked CSS?

Computer_Head

Computer Head in 'da House!

Reputation Power: 2

Regular Coder

Posts: 85

Topics: 9

Embedded or Linked CSS?

August 02, 2009, 05:49:58 PM

When I started using CSS, I had a choice of if I wanted to embed my CSS into every HTML file or if I wanted to link it and use a separate CSS file. I decided to use linked CSS because I figured out if I ever wanted to make a change to the CSS, it would dynamically change every page linked to that certain CSS, instead of opening and editing every HTML file that needed the appearance change. What do you all think?

Your PC Forums

TrueDestroyer

Reputation Power: 1

Regular Coder

Posts: 53

Topics: 2

Re: Embedded or Linked CSS?

August 03, 2009, 08:25:41 PM

Linked is by far superior. It usually cuts down on page load times, because the CSS usually gets cached and then reused every time a subsequent page is loaded, instead of sending the CSS inside of your page over and over.

polas

Reputation Power: 17

Code Guru

Gender:

Posts: 1403

Topics: 86

Re: Embedded or Linked CSS?

August 04, 2009, 04:24:28 AM

Quote from: TrueDestroyer on August 03, 2009, 08:25:41 PM

Makes it easier to modify the CSS too

Mesham Type Oriented Parallel Programming Language, Free online technical support

Eilt Druin

Reputation Power: 1

New Coder

Gender:

Posts: 39

Topics: 0

Re: Embedded or Linked CSS?

August 15, 2009, 07:20:25 PM

You should definitely used linked CSS. The only time CSS should be embedded in any modern web page is when you're using dynamically generated CSS, like for instance a random background image in a page header.

Phantasy Star: Fringes of Algo | Castle Nintendo - Discussion Community

hema1999

Reputation Power: 1

New Poster

Posts: 5

Topics: 2

Re: Embedded or Linked CSS?

July 16, 2010, 02:14:25 AM

External style sheets are created with a similar syntax to document level (in the <head>) style sheets. However, all you need to include are the selector and the declaration (see Using Style Sheets for more information). Just like in a document level style sheet, the syntax for a rule is:

selector {property : value;}Save these rules into a text file with the extension . css. This isn't required, but it is a good habit to get into, so you can immediately recognize your style sheets in a directory listing.

Once you have a style sheet document, you need to link it to your Web pages.
===============
Organic SEO| UK SEO

Email this topic | Print

Pages: [1] Go Up

		Email this topic \| Print
0 Members and 1 Guest are viewing this topic.