style sheet trong html

http://vietjack.com/html/index.jsp                                                                                                              Copyright  ©  vietjack.com     Style Sheet HTML CSS miêu tả cách mà tài liệu hiển thị hình, in W3C tích cực đẩy mạnh sử dụng Style Sheet Web từ hiệp hội thành lập năm 1994 CSS cung cấp cách dễ dàng hiệu để xác định thuộc tính khác cho thẻ HTML Sử dụng CSS, bạn xác định số lượng thuộc tính kiểu cho phần tử HTML cho Mỗi thuộc tính có tên giá trị, ngăn cách dấu hai chấm (:) Mỗi thuộc tính ngăn cách dấu chấm phảy (;) Nếu bạn chưa học CSS, bạn tham khảo loạt Học CSS nâng cao Ví dụ Hãy chúng tơi xem xét ví dụ cách sử dụng thẻ thuộc tính liên kết để xác định màu cỡ font Vi du HTML - CSS

Hello, World!

Chúng ta viết lại ví dụ với giúp đỡ Style Sheet sau:: Vi du HTML - CSS

Hello, World!

Kết sau: Hello, World! Bạn sử dụng CSS theo ba cách tài liệu HTML: • External CSS - Xác định quy tắc Style Sheet file riêng rẽ sau bao gồm file tài liệu HTML cách sử dụng thẻ • Internal CSS - Xác định quy tắc khu vực Header tài liệu HTML cách sử dụng thẻ • Inline CSS - Xác định quy tắc Style Sheet cách trực tiếp song song với phần tử HTML cách sử dụng thuộc tính style http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí  Page  1   http://vietjack.com/html/index.jsp                                                                                                              Copyright  ©  vietjack.com     Theo ví dụ phù hợp, bạn quan sát trường hợp Sử dụng External CSS HTML Nếu bạn muốn sử dụng chung Style Sheet cho trang khác bạn nên tạo file với css sau bao HTML cách sử dụng thẻ Ví dụ Giả sử xác định tệp Style Sheet style.css mà có quy tắc sau: red{ color: red; } thick{ font-size:20px; } green{ color:green; } Tại xác định quy tắc CSS mà áp dụng cho lớp khác xác định cho thẻ HTML Tôi đề nghị bạn không nên lo lắng cách quy tắc xác định bạn học chúng học CSS chương riêng Bây sử dụng tệp CSS ngoại vi tài liệu HTML: Su dung External CSS HTML

This is red

This is thick

This is green

This is thick and green

Đoạn code tạo kết sau: This is red This is thick This is green This is thick and green Sử dụng Internal CSS HTML Nếu bạn muốn áp dụng quy tắc Style Sheet cho tài liệu riêng lẻ, bạn bao gồm quy tắc khu vực Header tài liệu HTML cách sử dụng thẻ Những quy tắc xác định style sheet bên (Internal CSS) có quyền ưu tiên cao quy tắc xác định tệp CSS bên (External CSS) http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí  Page  1   http://vietjack.com/html/index.jsp                                                                                                              Copyright  ©  vietjack.com     Ví dụ Chúng ta viết lại ví dụ lần nữa, lần viết quy tắc Style Sheet tài liệu HTML cách sử dụng thẻ : Su dung Internal CSS HTML red{ color: red; } thick{ font-size:20px; } green{ color:green; }

This is red

This is thick

This is green

This is thick and green

Kết là: This is red This is thick This is green This is thick and green Sử dụng Inline CSS HTML Bạn áp dụng quy tắc style sheet cách trực tiếp tới phần tử HTML cách sử dụng thuộc tính style thẻ Điều làm bạn quan tâm tới thay đổi riêng phần tử HTML Các quy tắc xác định nội tuyến (Inline CSS) có quyền ưu tiên cao quy tắc xác định tệp CSS bên (External CSS) quy tắc xác định phần tử (Internal CSS) Ví dụ Chúng ta viết lại ví dụ lần nữa, lần viết quy tắc style sheet song song với phần tử HTML cách sử dụng thuộc tính style phần tử Su dung Inline CSS HTML

This is red

This is thick

This is green

This is thick and green

Sau kết quả: http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí  Page  1   http://vietjack.com/html/index.jsp                                                                                                              Copyright  ©  vietjack.com     This is red This is thick This is green This is thick and green   http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí  Page  1   ... lại ví dụ lần nữa, lần viết quy tắc Style Sheet tài liệu HTML cách sử dụng thẻ : Su dung Internal CSS HTML< /title> red{ color:... dụng External CSS HTML Nếu bạn muốn sử dụng chung Style Sheet cho trang khác bạn nên tạo file với css sau bao HTML cách sử dụng thẻ Ví dụ Giả sử xác định tệp Style Sheet style. css mà có... phần tử (Internal CSS) Ví dụ Chúng ta viết lại ví dụ lần nữa, lần viết quy tắc style sheet song song với phần tử HTML cách sử dụng thuộc tính style phần tử