Nội dung bài viết
Style Sheet trong HTML
Bạn đang đọc: Style Sheet trong HTML
CSS miêu tả cách mà tài liệu được hiển thị trên màn hình hiển thị, trong khi in. W3C đã tích cực tăng cường sự sử dụng của Style Sheet trên Web từ khi hiệp hội được xây dựng năm 1994 .
CSS cung ứng những cách thuận tiện và hiệu suất cao để xác lập những thuộc tính khác nhau cho những thẻ HTML. Sử dụng CSS, bạn hoàn toàn có thể xác lập số lượng những thuộc tính kiểu cho một thành phần HTML đã cho. Mỗi thuộc tính có một tên và một giá trị, ngăn cách nhau bởi dấu hai chấm ( :). Mỗi thuộc tính ngăn cách bởi dấu chấm phảy ( ; ) .
Nếu bạn còn chưa học về CSS, bạn hoàn toàn có thể tìm hiểu thêm loạt bài Học CSS cơ bản và nâng cao .
Ví dụ
Hãy cùng chúng tôi xem xét một ví dụ về cách sử dụng thẻ và các thuộc tính liên kết để xác định màu và cỡ font.
Vi du HTML - CSS Hello, World!
Chúng ta hoàn toàn có thể viết lại ví dụ trên với sự trợ giúp của Style Sheet như sau ::
Vi du HTML - CSS Hello, World !
Quảng cáo
Kết quả như sau:
Hello, World !
Bạn hoàn toàn có thể sử dụng CSS theo ba cách trong tài liệu HTML :
-
External CSS – Xác định các quy tắc của Style Sheet trong một file riêng rẽ và sau đó bao gồm file đó trong tài liệu HTML bằng cách sử dụng thẻ .
-
Internal CSS – Xác định các quy tắc của khu vực Header của tài liệu HTML bằng cách sử dụng thẻ
This is red
This is thick
This is green
This is thick and green
Kết quả là :
This is red
This is thick
This is green
This is thick and green
Sử dụng Inline CSS trong HTML
Bạn có thể áp dụng các quy tắc style sheet một cách trực tiếp tới bất kỳ một phần tử HTML nào bằng cách sử dụng thuộc tính style của thẻ đó. Điều này sẽ được làm chỉ khi bạn quan tâm tới một thay đổi riêng của bất kỳ một phần tử HTML nào.
Các quy tắc xác định nội tuyến (Inline CSS) có quyền ưu tiên cao hơn các quy tắc xác định bởi một tệp CSS bên ngoài (External CSS) cũng như các quy tắc xác định trong phần tử
Source: https://swing.com.vn
Category: Wiki