Page 1 of 1

Introducing An External Stylesheet

Posted: Wed Apr 25, 2007 7:00 pm
by Flickorian
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.

Posted: Sat Jun 09, 2007 2:47 am
by webdesigner
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.

Posted: Sat Jun 09, 2007 6:24 am
by anish
cool introduction for external css.

Posted: Sun Jun 10, 2007 7:48 am
by sakhan
seo experts recommend external stylesheets over inside your webpage also it make your work load less and auto

Posted: Tue Aug 14, 2007 3:18 pm
by web_master
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>

Posted: Fri Aug 17, 2007 7:43 am
by Lixas
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] );
???

Posted: Sat Aug 18, 2007 4:37 pm
by Flipper3
Using external stylesheets is good when making templates because you can just change the stylesheet. :)

Posted: Wed Sep 05, 2007 2:08 am
by Gyanu
do u know how to keep background through css style?

Posted: Wed Sep 05, 2007 6:06 am
by Lixas
google: css background :@

-=LOCKED=-