darkw1
04 Jan 2011, 12:22 AM
Hi,
I am trying to learn CSS, but for the following codes the desired result is not coming.
Please check where are the errors:-
1)<html>
<head>
<style type=”text/css”>
ul li {color:red;}
ul li.normalname {color:blue; text-align:center;}
</style>
</head>
<body>
<ul>
<li class="normalname">AAA</li>
<li>BBB</li>
<li class="normalname">CCC</li>
<li>DDD</li>
</ul>
</body>
</html>
--------------
2)<html>
<head>
<style type=”text/css”>
li a {font-size:24px; hover:red;}
ul a {font-size:36px;}
ul li a {font-size:48px;}
</style>
</head>
<body>
<ul>
<li><a href="http://google.com">This is G 48</a></li>
<a href="http//google.com">This is G 36</a>
</ul>
<ol>
<li><a href="http://google.com">This is G 24</a></li>
<li><a href="http://yahoo.com">This is Y 24</a></li>
</ol>
</body>
</html>
-----------------
3)<html>
<head>
<style type=”text/css”>
.big{font-size:310%; font-weight:bold;}
</style>
</head>
<body>
<p class="big">This is some <em>text</em>.</p>
<p>This is some text</p>
<ul>
<li class="big"> List Item</li>
<li> List Item</li>
</ul>
</body></html>
--------
4)<html>
<head>
<style type=”text/css”>
h2.sidenav{color:red;}
.sidenav{color:blue;}
</style>
</head>
<body>
<h2 class="sidenav">This is blue</h2>
<p class="sidenav">This is red</p>
</body>
</html>
----------
5) <html>
<head>
<style type=”text/css”>
#nav {color:red;}
div#nav {color:blue;}
</style>
</head>
<body>
<div id="nav">This is blue</div>
<span id="nav">This is red</span>
</body>
</html>
I am trying to learn CSS, but for the following codes the desired result is not coming.
Please check where are the errors:-
1)<html>
<head>
<style type=”text/css”>
ul li {color:red;}
ul li.normalname {color:blue; text-align:center;}
</style>
</head>
<body>
<ul>
<li class="normalname">AAA</li>
<li>BBB</li>
<li class="normalname">CCC</li>
<li>DDD</li>
</ul>
</body>
</html>
--------------
2)<html>
<head>
<style type=”text/css”>
li a {font-size:24px; hover:red;}
ul a {font-size:36px;}
ul li a {font-size:48px;}
</style>
</head>
<body>
<ul>
<li><a href="http://google.com">This is G 48</a></li>
<a href="http//google.com">This is G 36</a>
</ul>
<ol>
<li><a href="http://google.com">This is G 24</a></li>
<li><a href="http://yahoo.com">This is Y 24</a></li>
</ol>
</body>
</html>
-----------------
3)<html>
<head>
<style type=”text/css”>
.big{font-size:310%; font-weight:bold;}
</style>
</head>
<body>
<p class="big">This is some <em>text</em>.</p>
<p>This is some text</p>
<ul>
<li class="big"> List Item</li>
<li> List Item</li>
</ul>
</body></html>
--------
4)<html>
<head>
<style type=”text/css”>
h2.sidenav{color:red;}
.sidenav{color:blue;}
</style>
</head>
<body>
<h2 class="sidenav">This is blue</h2>
<p class="sidenav">This is red</p>
</body>
</html>
----------
5) <html>
<head>
<style type=”text/css”>
#nav {color:red;}
div#nav {color:blue;}
</style>
</head>
<body>
<div id="nav">This is blue</div>
<span id="nav">This is red</span>
</body>
</html>