CSS CLASSES AND IDS và CSS ELEMENT POSITIONING

I.Lý Thuyết
ID-ClASS
Class và Id là hai thành phần vô cùng quan trọng trong css. Nó giúp cho việc định dạng một hoặc một tập hợp các thẻ html có chung những thuộc tính như màu sắc, kích thước hay cỡ chữ... trở nên nhanh hơn và hiệu quả hơn. Việc sử dụng class và id trong css còn giúp cho việc quản lý codecss trở nên dễ dàng hơn.

-  ID được sử dụng cho các thành phần mang tính tuyệt đối và duy nhất trong toàn bộ trang web

- Class  được gán cho các thành phần sẽ lặp lại nhiều lần. Việc gán class cho nhiều thành phần của trang web thì bạn chỉ việc khai báo style trên file CSS cho các thành phần này một lần duy nhất.

Ví dụ :
#vidu{

  width: 80%;

  padding: 20px;

  border: 1px solid #666;



}


.vidu2{

  font-size: small;

  color: #008080;

  font-weight: bold;

}

CSS ELEMENT POSITIONING:

-Static
•Định vị với giá trị static là cách mặc định mà một phần tử sẽ xuất hiện trong tài liệu (X)HTMl của bạn. Kể cả khi bạn không khai báo position cho phần tử thì mặc định nó vẫn có giá trị static.
(position: static;)
-Relative
•Định vị một phần tử với vị trí tương đối và sau đó bạn có thể tùy chỉnh lại vị trí của nó với các thuộc tính left, right, top, bottom.
(position: relative;)
-Absolute

•Định vị một phần tử tách biệt hẳn so với tài liệu (X)HTMl của bạn. Nếu như một phần tử được định vị với giá trị là absolute được đặt trong một phần tử khác được định vị với giá trị khác static, nó sẽ được định vị tại top left của phần tử cha, nếu không, nó sẽ được định vị tại top left của cửa sổ trình duyệt
(position: absolute;)
-Fixed
•Định vị một phần tử với giá trị fixed gần giống với giá trị absolute, trừ việc nó sẽ luôn được căn chỉnh với cửa sổ trình duyệt.
II-Bài Tập