Classes, IDs, DIV và SPAN

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>