Log In · Register

 
 
Closed TopicStart new topic
external css
xbanana
post Mar 30 2008, 10:01 PM
Post #1


Senior Member
****

Group: Member
Posts: 167
Joined: Jul 2007
Member No: 541,143



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
post Mar 30 2008, 10:03 PM
Post #2


Resource Center Tyrant
******

Group: Official Member
Posts: 2,263
Joined: Nov 2007
Member No: 593,306



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
post Mar 31 2008, 12:51 AM
Post #3


sang loves hayden.
*******

Group: Staff Alumni
Posts: 3,373
Joined: Feb 2004
Member No: 5,687



^ 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)
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: