Hướng dẫn sử dụng css
Khái niệm property, value, selectorProperty là thuộc tính của phần tử HTML, ví dụ: Show
Value là giá trị của thuộc tính. Selector (bộ chọn) là phần tử mà bạn muốn định dạng. Trong đoạn mã phía dưới:
Xem ví dụ Cú pháp định dạng phần tửĐể định dạng cho một phần tử, ta sử dụng cú pháp như sau:
Xem ví dụ Lưu ý:
Cách sử dụng CSSCó ba cách sử dụng css: Inline CSS, Internal CSS, External CSS 1) Inline CSSTa đặt các cặp property:value vào bên trong thuộc tính style nằm ở thẻ mở của phần tử.
Xem ví dụ Bạn có thể tham khảo thêm về thuộc tính style tại đây 2) Internal CSSĐặt các bộ định dạng CSS vào bên trong đặt bên trong phần
Xem ví dụ 3) External CSSĐặt các bộ định dạng CSS vào bên trong một tập tin css Trong phần , ta sử dụng cú pháp phía dưới để nhúng tập tin css vào trang web.
Ví dụ, tôi có một tập tin css nằm cùng cấp với tập tin html Tập tin css có tên là dinhdang và chứa nội dung như sau:
Để nhúng tập tin css phía trên vào trang web thì ở tập tin html sẽ có nội dung như sau:
Lưu ý:
Thứ tự ưu tiên giữa các cách sử dụng CSSNếu một thuộc tính nào đó của phần tử được thiệt lập giá trị bởi nhiều cách, thì thuộc tính đó sẽ nhận giá trị của cách sử dụng CSS dựa theo độ ưu tiên như sau:
Ở đoạn mã phía dưới, thuộc tính color của phần tử được thiết lập giá
trị bởi 2 cách sử dụng CSS. |