July 23, 2017
assigning multiple css classes to an object
It is also possible to assign multiple css classes to a single html object. In that case, the names of the css classes will be written in “class” property of html object with spaces.
In the following example, the second paragraph tag P is assigned with two classes, the myclass2 is changing the color of the font, whereas the class myclass3 is increasing size of font.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.myclass1
{
color:#900;
}
.myclass2
{
color:#63C;
}
.myclass3
{
font-size:16px;
}
</style>
</head>
<body>
<p class="myclass1">
This is web engineering course, and we have started cascaded style sheets
</p>
<p class="myclass2 myclass3">
This is second P tag. This is web engineering course, and we have started cascaded style sheets
</p>
</body>
</html>
creating separate css file
assigning style to html object using id property
Liquid layout example (responsive design)
About Author
Osman Khalid
http://osman.pakproject.com