Class cho phép định dạng style của các đối tượng(table,td,div,span...) Bạn có thể sử dụng lặp đi lặp lại nhiều lần trong cùng một file HTML
ví dụ:
<style>
.php { color: red; }
</style>
<span class="php">SPAN</span>
<p class="php">P</p>
<div class="php">DIV</div>
kết quả:
SPAN
P
DIV
ID chỉ được sử dụng một lần.Nếu sử dụng nhiều lần một id thì vẫn được tuy nhiên nó không đúng chuẩn của w3c và sẽ gặp rắc rối khi bạn dùng ID trong javascript
Ví dụ:
<style>
#php { color: red; }
</style>
<div id="php">ABC</div>
kết quả:
ABC
** sử dụng dấu # cho IDs và dấu . cho class
DIV dùng để chứa một vùng dữ liệu, trong div có thể chứa các tag khác table,span,div,.....
Ví dụ:
<style>
#container{
width: 70%;
margin: auto;
padding: 20px;
border: 1px solid #666;
background: #ffffff;
}
</style>
<div id="container">
Nội dung website
</div>
** có thể sử dụng class với id cho div
SPAN rất giống với div
Ví dụ:
<style>
.italic{
font-style: italic;
}
</style>
<span class="italic">Nội dung trên 1 dòng</span>
