(Site Identification)

'Eye' Focus: Web Support Tutorials

(Page Content)

Introduction to Style Sheets

Style Sheets: Inline

Styles can also be added inline. This is done by inserting Style Sheets rules directly into the HTML code like this: (skip code)

<html lang="en"><head>
<title>My First Style Sheet</title>
</head><body>

<h1 style="color:#55bb55; font-size:22px; font-style:italic; font-family:arial">Style Sheets</h1>
<p style="text-indent:1.5cm; background-color:cyan; font-family:times">Customizing your web pages!</p>

</body></html>


Again you have:

Style Sheets

Customizing your web pages!

For small style changes, no Style Sheet code is needed at the top of the page. We instead use an inline STYLE. However, the code must be added everywhere it is to be applied. This can be useful for selected changes.

Combine more than one method at a time to get that perfect look and then try some of these tricks and shortcuts for more power.

Previous Page of Tutorial Main Page of Tutorial Next Page of Tutorial


[Updated: Sunday, November 18, 2007]