 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
OldGuy
Joined: 01 Mar 2008
Posts: 2
|
 Posted: Sat Mar 01, 2008 8:39 pm Placment of link to external stylesheet? |
 |
|
|
Hi - I've read and reread the "How-To's" on using external style sheets, but I never saw where to place the LINK text ? Does it go in the HEAD area of each page? Or?
Sorry for what's probably a really dumb question, but I couldn't find a reference to this in the forum either.
Thanks for any help you can give this old guy !  |
|
sticks464
Joined: 31 Dec 2006
Posts: 1172
|
| Posted: Sat Mar 01, 2008 9:05 pm |
|
|
|
Goes in the head section
| Code: |
| <link href="css/main.css" rel="stylesheet" type="text/css"> |
|
|
OldGuy
Joined: 01 Mar 2008
Posts: 2
|
| Posted: Sat Mar 01, 2008 9:49 pm |
|
|
|
Hi - Thanks for the help ! I gave it a shot, changed the name to the style sheet I'd made in Notepad, and voila! It works !
Now if I could only figure out how to apply my own font styles instead of being constrained to like <h1>; <h2>; etc. . .
Got any ideas on this one ?
Thanks again ! |
|
sticks464
Joined: 31 Dec 2006
Posts: 1172
|
| Posted: Sat Mar 01, 2008 11:11 pm |
|
|
|
View this file in your browser to see the text effects
| Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.em; /* = to the width of the letter m of the font family. All text will be this size unless otherwise specified with the exception of h's which have a default */
}
h1{
font-size: 200%; /* twice the size of 1em */
font-style: normal; /* removes the bold style, can also use italic style */
color: #003399; /* hex color for white */
text-transform: uppercase; /*changes small type to uppercase */
}
.new{
font-size: 1.5em;
color: #CC0033;
}
.other{
color: #00CC00;
font-size: .75em;
font-style: italic;
}
.first{
color: #FF0033;
font-size: 1.7em;
}
.second{ /* this paragraph inherits the font attributes from the body style */
width: 300px;
line-height: 20px;
letter-spacing: 10px;
}
</style>
</head>
<body>
<h1>can be restyled to look like you want</h1>
<p class="new"><span class="first">S</span>etting a class for the entire paragrapg <span class="other">and using the span tag</span> will have this effect.</p>
<p class="second">You can also set other styles for paragraphes as needed.</p>
</body>
</html> |
|
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
