HTML and CSS  Home HTML and CSS Tutorials 3 Methods to Implement CSS in your Website
rss

3 Methods to Implement CSS in your Website

Author: PiticStyle More by this author


First Method:

<style type="text/css">

Next is the HTML code and CSS in a simple webpage

<html>
<head>
<title>CSS Implement v1</title>
<style type="text/css">
P {background-color: grey;}
</style>
</head>
<body>
<p>CSS Implements v1 with paragraph background color GREY</p>
</body>
</html>

Second Method:

<html>
<head>
<title>CSS Implement v2</title>
<style type="text/css">
p{ color: red;}
</style>
</head>
<body>
<p style="background-color: grey;">CSS Implements v2 with paragraph background color GREY</p>
</body>
</html>

Third Method:

<html>
<head>
<title>CSS Implement v3</title>
<link rel="StyleSheet" title="Default" href="style.css" type="text/css">
</head>
<body>
<p>This paragraphy will be red</p>
</body>
</html>

href="style.css" is an style and i create it in notepad and i save it style.css

The style.css

p {color: red;} and i save it with styles.css



Author's URL: www.piticstyle.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "3 Methods to Implement CSS in your Website"