Introducing An External Stylesheet

Flickorian · Post by **Flickorian** » Wed Apr 25, 2007 7:00 pm

When coding my own site, for organizational purposes, I prefer to use an external stylesheet.
External Stylesheet: A cascading style sheets (CSS) style that is written in an external **** and can be referenced by multiple ****.
(source: http://webdesign.about.com/od/css/g/bldefextstyle.htm}

So, basically you take your stylesheet syntax, such as

Code: Select all

body {background:#404040 url('background-url.com') fixed;)

and stick it in a seperate **** that you would name something like "mystyle.css". It MUST have a .css suffix or else it will not read properly therefore, be useless.

Once you've got your stylesheet created, saved and uploaded to the server of your choice, you simply insert a code inter the <head> </head> section of your HTML page that would look like:

Code: Select all

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

This will basically prevent you from having to add all of that wild looking stylesheet crap to you HTML page. For me, it makes it easier to sort through when I need to edit. Also keeps everything looking nice and neat.

webdesigner · Post by **webdesigner** » Sat Jun 09, 2007 2:47 am

IMHO, from the SEO point of view, its a good thing to use external CSS instead of placing the dozen lines of CSS code inside the html file. Search Engine Bots doesnt interested with CSS, they are lookin for the site content, keyword composition and your html tag used.

**** wrote:When coding my own site, for organizational purposes, I prefer to use an external stylesheet.

anish · Post by **anish** » Sat Jun 09, 2007 6:24 am

cool introduction for external css.

sakhan · Post by **sakhan** » Sun Jun 10, 2007 7:48 am

seo experts recommend external stylesheets over inside your webpage also it make your work load less and auto

web_master · Post by **web_master** » Tue Aug 14, 2007 3:18 pm

You can also use the following to Import a external css stylesheet.

Code: Select all

<style>
@import URL (http://www.yoursite.com/styles.css);
... continue styles
</style>

Lixas · Post by **Lixas** » Fri Aug 17, 2007 7:43 am

what is a difference between:

Code: Select all

<link rel="stylesheet" type="text/css" href=" [CSS_URL] ">

and

Code: Select all

@import URL ( [CSS_URL] );

???

Flipper3 · Post by **Flipper3** » Sat Aug 18, 2007 4:37 pm

Using external stylesheets is good when making templates because you can just change the stylesheet.

Gyanu · Post by **Gyanu** » Wed Sep 05, 2007 2:08 am

do u know how to keep background through css style?

Lixas · Post by **Lixas** » Wed Sep 05, 2007 6:06 am

google: css background :@

-=LOCKED=-