· Open up notepad.exe or any other plain text editor and type the CSS codes
· save the file as a CSS (.css) file.
· Link the CSS file you saved by typing <link rel="stylesheet" type="text/css" href="styles.css"/> below the head tag…….
NOTE : The CSS file should be in same folder with the html document.
Ø Example of an External CSS
Type in the below CSS code in Notepad
h1
{ color: blue; font-weight: normal; letter-spacing: .4em; margin-bottom: 1em; text-transform:
lowercase; }
p
{colour: white; }
body{background-color:
green; }
h2{color:white;
text-align:center;}
h3{color:violet;
text-decoration:blink;}
Save
it as Style1.css
The Html document
<!DOCTYPE
html>
<html
lan="en">
<head><meta
charset="utf-8"><title>FUDMAPALZ.COM | FUDMITE BLOG FORUM
</title><link
rel="stylesheet" type="text/css"
href="Style1.css"/>
</head><body>
<h1>this
text will be blue </h1>
<h2>this
text will have a white text color and be centralized </h2>
<h3>this
text will have a violet text color and will also have a blinking effect </h2
</body>
</html
Note:You
can add more functions to the external CSS code and also make sure it is save
with .CSS file extension
OUTPUT
Thanks for your insight for your fantastic posting. I’m glad I have taken the time to see this. shift tuşu
ReplyDelete