PiticStyle

Articles, Tutorials about HTML, CSS, FLASH, PHP, MySQL, Photoshop, SEO, Tools for Webmasters, Media
October 7th, 2007

3 Methods to implement CSS in your website

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

del.icio.us Reddit Digg Technorati Google StumbleUpon Windows Live Yahoo Ask

One Response to “3 Methods to implement CSS in your website”

  1. I couldn’t understand some parts of this article o.us poetry, but I guess I just need to check some more resources regarding this, because it sounds interesting.

Leave a Reply