Cách liên kết biểu định kiểu bên ngoài trong HTML
|
Mục đích cơ bản của CSS là cho phép một nhà thiết kế web xác định các khai báo kiểu và sau đó anh ta có thể áp dụng các kiểu đó cho các trang HTML áp dụng thông qua bộ chọn Show Liên kết các biểu định kiểu với HTMLCác kiểu có thể được liên kết với một tài liệu HTML bằng một trong ba phương pháp 1. Kiểu nội tuyến 2. Phong cách nhúng 3. Phong cách bên ngoài Làm cách nào để bạn kết nối một biểu định kiểu CSS với một trang HTML? 1. Kiểu nội tuyếnInline Style là phương pháp đơn giản nhất để thêm các kiểu CSS vào các trang HTML của bạn. Kiểu nội tuyến được áp dụng cho tài liệu HTML thông qua thuộc tính kiểu của nó cho các thẻ cụ thể trong tài liệu, Ví dụ: Nếu bạn muốn thêm kiểu vào < p > thì bạn có thể viết mã như thế này The above declaration will ensure that the paragraph text will be blue. This method can be applied to any HTML element within the < body > ... < /body > of the HTML page. đầu raNotice that the text contained within the first < p > paragraph will be Blue color. You can see only that paragraph is affected, and the second paragraph defaults to black. Nhược điểm lớn của Inline Style là không thể sử dụng lại. Cân nhắc tái cấu trúc một trang web có chứa hàng trăm trang trong đó các kiểu nội tuyến đánh dấu. Bạn phải vào từng trang và thay đổi từng thuộc tính CSS riêng lẻ là một nhiệm vụ rất khó khăn 2. Phong cách nhúngKiểu được nhúng cho phép bạn triển khai bất kỳ kiểu CSS nào bằng cách đặt chúng giữa các thẻ kiểu mở và đóng You can place Style Tag within the < head > .. < /head > section, just after the < title > tag of your HTML page. Bạn nên bắt đầu với thẻ kiểu mở đầu như sau Thẻ Style mở phải luôn sử dụng thuộc tính "type". Giá trị thuộc tính là "text/css" trong trường hợp tài liệu CSS Trong hướng dẫn này, bạn sẽ tìm hiểu cách dễ dàng để thêm thông tin định dạng và kiểu dáng vào các trang web bằng CSS. Tuy nhiên, trước khi chúng tôi bắt đầu, hãy đảm bảo rằng bạn có một số kiến thức về HTML Nếu bạn mới bắt đầu trong thế giới phát triển web, hãy bắt đầu học từ đây » Không chần chừ gì nữa, hãy bắt đầu với Cascading Style Sheets (CSS) Bao gồm CSS trong Tài liệu HTMLCSS có thể được đính kèm dưới dạng một tài liệu riêng biệt hoặc được nhúng trong chính tài liệu HTML. Có ba phương pháp đưa CSS vào tài liệu HTML
|
