6. Css

WEB 1.0
http://www.chinenoire.com/persimmon/

(tag name/class/id)
{
! (rule ); •

! (rule ); •
! ... •
}

•

<html>
<head>
<style type="text/css">
body
{ background-color:#d0e4fe;}
h1
{ color:orange;
text-align:center; }
p
{ font-family:"Times New Roman";
font-size:20px;
}
</style>
</head>

<body>

<h1>CSS example!</h1>
<p>This is a paragraph.</p>

</body>
</html>

•
•
•

•
<html>
<head>
.center
{ text-align:center; }
</style>
</head>

<body>
<h1 class="center">Center-aligned heading</h1>
<p class="center">Center-aligned paragraph.</p>
</body>

</html>

•
•
•

•
<html>
<head>
#para1
{ text-align:center;
color:red}
</style>
</head>

<body>
<p id="para1">Hello World!</p>
<p>This paragraph is not affected by the style.</p>
</body>
</html>

• h1, h2, h3
{ color:orange; }
•

• h1 b
{ font-family: “Helvetica”;}
•

•

•

• <header>

<link rel=stylesheet type="text/css" href="css "/>

•

•
•
•

•

•
•
•
•
•

6. Css

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (12)

Similar to 6. Css

Similar to 6. Css (20)

More from Gao Fuyan

More from Gao Fuyan (6)

Recently uploaded

Recently uploaded (20)

6. Css