Đang chuẩn bị liên kết để tải về tài liệu:
Bài giảng CSS - Bài 4: Cách sử dụng CSS

Bài giảng cung cấp cho người học các kiến thức: Cách sử dụng CSS, style sheet từ bên ngoài, style sheet từ bên trong, style cùng dòng, nhúng Style Sheet,. Hi vọng đây sẽ là một tài liệu hữu ích dành cho các bạn sinh viên đang theo học môn dùng làm tài liệu học tập và nghiên cứu. chi tiết nội dung tài liệu. | Bài 4: Cách sử dụng CSS BỞI PHAN TIẾN Khi một trình duyệt đọc style sheet, nó sẽ định dạng văn bản dựa theo các thông tin trong style sheet. Có ba cách để nhúng CSS vào tài liệu HTML Style sheet từ bên ngoài (external style sheet) Style sheet từ bên trong (internal style sheet) Style cùng dòng (inline style) Nhúng Style sheet từ bên ngoài Đây là cách làm chúng ta sẽ lưu tất cả các định dạng CSS trong một tệp bên ngoài. Khi cần bạn có thể nhúng tệp CSS vào trang web của bạn, vì vậy bạn có thể thay đổi giao diện của 1 trang website một cách dễ dàng bằng cách thay đổi một tập tin! Các trang web tham chiếu đến tập tin style sheet bên ngoài, đường dẫn đặt trong thẻ . Phần tử được đặt trong thẻ : Style Sheet bên ngoài có thể được viết bằng bất kỳ trình soạn thảo văn bản nào. Các tập tin không được chứa bất kỳ thẻ html. Các tập tin style sheet phải được lưu với một phần mở rộng có đuôi “.css”. Ví dụ trên là tập tin style sheet đặt là“mystyle.css”, như dưới đây: body { background-color: lightblue; }h1 { color: navy; margin-left: 20px; } Nhúng Style Sheet từ bên trong Các định dạng style sheet được đặt trực tiếp trên trang web, vì vậy mỗi style sheet có thể chỉ được sử dụng trên một trang duy nhất. Các style này được định nghĩa trong thẻ bên trong phần thẻ của trang HTML: Ví dụ: body { background-color: linen; }h1 { color: maroon; margin-left: 40px; } Nhúng style cùng dòng Là trường hợp các style được chèn trực tiếp vào thể HTML, vì vậy một style kiểu này chỉ có thể áp dụng cho duy nhất một thẻ HTML. Style trong cùng dòng có nhiều nhược điểm như nó sẽ lẫn lộn giữa phần nội dung với phần giao diện và khi cần thay đổi trên các trang sẽ phức tạp. Nên hạn chế sử dụng phương pháp này! Để dùng style cùng dùng, sử dụng thuộc tính style của thẻ HTML liên quan. Thuộc tính style có thể chứa bất kỳ thuộc tính nào của CSS. Ví dụ bên dưới thực hiện | Bài 4: Cách sử dụng CSS BỞI PHAN TIẾN Khi một trình duyệt đọc style sheet, nó sẽ định dạng văn bản dựa theo các thông tin trong style sheet. Có ba cách để nhúng CSS vào tài liệu HTML Style sheet từ bên ngoài (external style sheet) Style sheet từ bên trong (internal style sheet) Style cùng dòng (inline style) Nhúng Style sheet từ bên ngoài Đây là cách làm chúng ta sẽ lưu tất cả các định dạng CSS trong một tệp bên ngoài. Khi cần bạn có thể nhúng tệp CSS vào trang web của bạn, vì vậy bạn có thể thay đổi giao diện của 1 trang website một cách dễ dàng bằng cách thay đổi một tập tin! Các trang web tham chiếu đến tập tin style sheet bên ngoài, đường dẫn đặt trong thẻ . Phần tử được đặt trong thẻ : Style Sheet bên ngoài có thể được viết bằng bất kỳ trình soạn thảo văn bản nào. Các tập tin không được chứa bất kỳ thẻ html. Các tập tin style sheet phải được lưu với một phần mở rộng có đuôi “.css”. Ví dụ