How to include, how incorporate CSS in HTML
Include CSS in the same HTML document.
Define CSS in an external file.
Include CSS in HTML elements.
1. Include CSS in the same HTML document - How to add CSS to HTML in the same document.
Example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Example - How to add CSS to HTML in the same document</title>
<style type="text/css">
p
{ color: black;
font-family: Verdana;
}
.box1 {
height: 200px;
width: 400px
background-color: green;
font-size: 14px;
}
</style>
</head>
<body>
<p>TEXT HERE - Include CSS in the same HTML document - How to add CSS to HTML in the same document.</p>
<div class="div-article-script">
<p>Your text here.</p>
Any text here
</div>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Example - How to add CSS to HTML in the same document</title>
<style type="text/css">
p
{ color: black;
font-family: Verdana;
}
.box1 {
height: 200px;
width: 400px
background-color: green;
font-size: 14px;
}
</style>
</head>
<body>
<p>TEXT HERE - Include CSS in the same HTML document - How to add CSS to HTML in the same document.</p>
<div class="div-article-script">
<p>Your text here.</p>
Any text here
</div>
</body>
</html>
2. Define CSS in an external file - Another metod - how to include CSS in HTML
If you want to include the styles from the previous example in an external CSS file, you must follow a few steps:
1) A text file is created and only the following content is added:
p {color: black; font-family: Verdana; }, .box1 { height: 200px; width:400px; background-color: green; font-size: 14px; }
2) The text file with the name styles.css is saved. Special attention must be to the file having a .css extension and not .txt
3) The HTML page links the external CSS file using the <link> tag:
Exam
3. Include CSS in HTML elements - another way - how to incorporate CSS in HTML
Example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Example - Include CSS in HTML elements</title> </head>
<body>
<p style="color: black; font-family: Verdana;">your text here</p>
</body>
</html>
This way of including CSS directly in the HTML elements is only used in certain situations in which a very specific style must be included for a single specific element."http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Example - Include CSS in HTML elements</title> </head>
<body>
<p style="color: black; font-family: Verdana;">your text here</p>
</body>
</html>
How to include, incorporate CSS in HTML, How to add CSS to HTML, How to embed CSS in HTML, How to add CSS to a Webpage, Adding external CSS in an HTML file
How to include, how to incorporate CSS in HTML - css tutorial
Online Editor
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
HTML Templates

Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.
CSS HTML Layout

Find here examples of creative and unique website layouts.
Free CSS HTML Menu

Find here examples of creative and unique website CSS HTML menu.