|
Chắc có lẽ mình không cần phải giới thiệu nhiều về CSS (cascading style sheet) vì các bạn đã quá biết nó là gì và tác dụng của nó ra sao trong việc thiết kế website.
CSS và Web standard đang ngày càng xuất hiện nhiều hơn trong cộng đồng thiết kế web tại Việt nam, đó là một tín hiệu đáng mừng, nhưng cũng dần trở thành mối lo âu vì càng ngày mình càng thấy các bạn thiết kế web ở Việt nam làm đẹp hơn, tốt hơn. Và có lẽ hậu quả là mình sắp thất nghiệp đến nơi. :D
Nói vui vậy chứ thời gian vừa rồi mình có xem nhiều website thành phẩm có, layout có, hay một sản phẩm chưa hoàn thiện gửi đến cho mình cũng có luôn. Thì mình nhận thấy có một số những bạn sử dụng CSS mà không khai thác hết đặc tính của nó hay là viết một cách máy móc, rườm rà.
Vì thế mình sẽ bắt đầu series bài viết về CSS bằng một bài viết về cơ bản. Cơ bản từ cách sắp xếp, suy luận và từ cách khai thác để mong rằng các bạn trẻ mới học sẽ không bị vướng mắc và để không còn những câu lệnh CSS ngô nghê vô dụng nữa.
|
|
Ở phần trước chúng ta đã biết về tác dụng và vị trí để đặt các thuộc tính của CSS trên một file (X)HTML (
CSS Internal
), trên một dòng
(
CSS Inline
) hay trên một file CSS riêng biệt
(
CSS External
). Và cách để link file CSS tới các file (X)HTML cần định dạng.
|
|
Trong CSS có hai định nghĩa rất quan trọng là ID và Class xuất phát từ (X)HTML. Cho đến bây giờ vẫn còn một số bạn mới tìm hiểu CSS thường vẫn chưa hiểu rõ sự khác biệt của 2 thẻ HTML này.
Sự khác biệt giữa ID và Class
Về cơ bản có thể nói 2 thẻ ID (#) và Class (.) đều mang thuộc tính giống nhau, nhưng sự khác biệt nằm ở chỗ với thẻ ID (div) được gán cho một div thì div đó là duy nhất trong file (X)HTML. Không bao giờ được phép có 2 thẻ ID trùng tên. Trong khi đó Class thì lại được gán cho mọi đối tượng có cùng lớp (class), các đối tượng có cùng class sẽ chịu sự điều khiển của CSS cho Class đó. Trong bài viết này ta sẽ tìm hiểu tại sao và những nơi nào thì dùng ID hay Class.
|
