Cascading Style Sheet
Internal CSS: In the "head" section
Here's what it does:
Internal CSS: In the "head" section
Here's what it does:
All header 1 text will be red
- All list item 1 text will be blue
- All list item 2 text will be blue
- All list item 3 text will be blue
All text in paragraphs will be purple.
Here is the CSS code:
<style
type="text/css">
h1
{color:red;}
li {color:blue;}
p
{color:purple;}
</style>
1. COPY and PASTE the html
code in blue (and red) on a new Notepad page.
2. SAVE as “(firstname)css1.htm”.
3. VIEW in your browser!
3. VIEW in your browser!
<!DOCTYPE
html>
<html>
<head>
<title>
CSS 1</title>
<style
type="text/css">
h1 {color:red;}
li {color:blue;}
p
{color:purple;}
</style>
</head>
<body>
<h1>All Header 1 text will be red</h1>
<ol>
<li>All list item 1 text will be blue</li>
<li>All list item 2 text will be blue</li>
<li>All list item 3 text will be blue</li>
</ol>
<li>All list item 1 text will be blue</li>
<li>All list item 2 text will be blue</li>
<li>All list item 3 text will be blue</li>
</ol>
<p>All
text in paragraphs will be purple.</p>
</body>
</html>
No comments:
Post a Comment
Please leave your comment below: