xbanana
Mar 30 2008, 10:01 PM
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
Mar 30 2008, 10:03 PM
Are you talking about this?
http://htmlhelp.com/reference/css/style-html.htmlQUOTE
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
Mar 31 2008, 12:51 AM
^ 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)