Help - Search - Members - Calendar
Full Version: external css
Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics
xbanana
okay hopefully this didn't already exist
because i tried putting a search on the forum search bar thingy and i couldn't find it.

but for external css files,
what portion of my css do i put it there? do i include the <style.css> whatever things in it? and what is the code for putting the .css file to use?
MissHygienic
Are you talking about this? http://htmlhelp.com/reference/css/style-html.html

QUOTE
An external style sheet may be linked to an HTML document through HTML's LINK element:

<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>
<LINK REL=StyleSheet HREF="color-8b.css" TYPE="text/css" TITLE="8-bit Color Style" MEDIA="screen, print">
<LINK REL="Alternate StyleSheet" HREF="color-24b.css" TYPE="text/css" TITLE="24-bit Color Style" MEDIA="screen, print">
<LINK REL=StyleSheet HREF="aural.css" TYPE="text/css" MEDIA=aural>

The <LINK> tag is placed in the document HEAD. The optional TYPE attribute is used to specify a media type--text/css for a Cascading Style Sheet--allowing browsers to ignore style sheet types that they do not support. Configuring the server to send text/css as the Content-type for CSS files is also a good idea.
Relentless
^ I believe so.

You would use that code, (<link rel=stylesheet....)

In an external CSS, you would list and code all the divs, tags, headers and such. Since you are doing it on Notepad or Wordpad, you would save it as blahblah.css

Then, you would upload the blahblah.css onto a host, and you would link that in the <link rel=stylesheet....

Using external CSS is very useful because you don't have to copy and paste for each edit page of all the style codes. Also, there will be less space since all you have to do is just put one line in, the <link rel=stylesheet....

When your editing in Notepad/Wordpad, you don't have to start off <style> and end with </style>

You can just start out with the divs, tags, headers, etc.

Example in a Notepad:

.header {
margin-left: #px;
font: font type;}

.banner {
margin-left: #px;
font: font type;}

Save it, upload it, and add it into the code. (that was just a quickie code)
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.