CSS Class Syntax
You declare a CSS class by using a dot (.) followed by the class name. You make up the class name yourself. After the class name you simply enter the properties/values that you want to assign to your class.
.class-name { property:value; }
If you want to use the same class name for several elements, but each with its own style, you can prefix the dot with names of HTML elements.
html-element-name.class-name { property:value; }
CSS Class Example:
<head>
<style type="text/css">
.section{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
.css-section{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FF0000;
}
</style>
</head>
<body>
<h1 class="section">This is Heading</h1>
<p class="css-section">This is Paragraph</p>
</body>
</html>
This results in:
This is Heading
This is Paragraph
No comments:
Post a Comment