thẻ id và class đều có dạng : <p class="menu" ></p>
.menu { }
Cái menu đó được gọ tên là gì vậy , tên của class à . Sao mà định nghĩa menu đó lại có dấu . đằng trước .
Cái thẻ div tớ hơi khó hiểu :
- Code:
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css"
href="/hozmenu.css" media="all" />
<title>Menu ngang</title>
</head>
<body>
<div id="mainnav">
<ul>
<li><a href="#" class="active" title="Trang chủ">Trang chủ</a>
</li>
<li><a href="#" title="Giới thiệu">Giới thiệu</a></li>
<li><a href="#" title="Sản phẩm">Sản phẩm</a></li>
<li><a href="#" title="Tin tức">Tin tức</a></li>
<li><a href="#" title="Hỏi đáp">Hỏi đáp</a></li>
<li><a href="#" title="Liên hệ">Liên hệ</a></li>
</ul>
</div>
</body>
</html>
// file liên kết của nó
#mainnav {
background: #F1F8FC;
height: 30px;
line-height: 30px;
width: 950px;
margin: 0 auto 30px auto; /* Căn giữa màn hình */
border: 1px solid #A2D2EA;
text-align: left; /* Fix cho IE */
}
#mainnav ul {
margin: 0;
padding: 0;
list-style: none;
}
#mainnav ul li {
margin: 0;
padding: 0;
display: inline; /* Các phần tử li sẽ ở trên một dòng*/
}
#mainnav li a {
color: #333333;
font-weight: bold;
padding: 0 10px;
border-right: 1px solid #A2D2EA;
text-transform: uppercase;
text-decoration: none;
}
#mainnav li a:hover,
#mainnav li a:active,
#mainnav li a:focus {
color: #CC0000;
}
#mainnav li a.active {
color: #CC0000;
}
Ko hiểu sao mà nó định nghĩa ra nhiều div như vậy .
Giúp tớ với . cám ơn trước nhé
- Trích dẫn :